Bootstrap

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:

Doggo World

Here's the code for a non-responsive version.

Get Bootstrapy

Lesson contents

Warning!

This part of the course was updated recently. It was about Bootstrap version 4. Now it's about BS 5.

Pancakes

Make a responsive page about pancakes.