Bootstrap
Campus adventure
I was walking on campus, when...
Carousels
Slide shows
Bootstrap calls them carousels. Here's one:
Dropdowns
Lesson contents
The dropdown is one of the easiest BS components, so it's a good place to start.
What is a dropdown?
Say you're writing a choose-your-own-adventure game. One of these things:
Accessibility
Lesson contents
What is accessibility?
Accessibility is about making websites that people with disabilities can use. For example, blind people use screen readers, software that reads out a webpage's contents. A webpage can help a screen reader do its work, or get in the way, depending on how the page is designed.
Being responsive
Realistic layout
We want a site with a header, a sidebar, a content area, and a footer. Like this:

Here's the code for a non-responsive version.
Get Bootstrappy
Lesson contents
Warning!
This part of the course was updated recently. It was about Bootstrap version 4. Now it's about BS 5.
Use a Bootstrap theme
Use a Bootstrap theme to make a page look different.
Reusable navbar and footer
Make a navbar and footer you can reuse.
Pancakes
Make a responsive page about pancakes.
Pagination
- Page 1
- Next page