Grids

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.

What's responsive?

Fill in the blank

Columns in Bootstrap grids

How many columns are in Bootstrap's grid?

Four dogs

Four dogs, side-by-side or stacked, depending on the screen size.

Basic grid

Make a page with a header, footer, and two sidebars.