Skip to content

Conversation

MSoup
Copy link

@MSoup MSoup commented Feb 27, 2022

Issue 14 here

Was wondering why bootstrap didn't style things appropriately :)

Oh, also it might be possible that the bootstrap CDN is outdated. At this point of the tutorial, I am using <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> to make it work, but maybe it's fine to only fix the } part for now. I hope this helps, I realize you wrote this like 7 years ago.

There are 5 instances where class="list-group-item" has an extra "}", which TypeScript / Linting does not detect. The result is that bootstrap does not pick up on the list-group-item class and does not style the todo list item correctly.
Fix class="list-group-item}" to "list-group-item"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant