Web Design (Picasso) [2022] - Explore | CodeHS

Lesson 7.4 The Bootstrap Grid System

Description

In this lesson, students will learn how to use Bootstrap’s grid system to create the layout of their webpages.

Objective

Students will be able to:

Use Bootstrap’s grid system to structure their webpages
Explain the parts of Bootstrap’s grid system
Explain how the grid system enables Bootstrap sites to be responsive

Activities

These are all the activities included in the lesson

7.4.1 The Grid System

7.4.2 The Bootstrap Grid Quiz

7.4.3 Grid System Example

7.4.4 Column Overflow

7.4.5 Different Device Sizes

7.4.6 Example Layout

7.4.7 Realty: Grid System

7.4.8 Grid Practice

7.4.9 Endangered Animals

7.4.10 3. Photo Portfolio

7.4.11 Grid System Docs