Lesson 3: Rows and Columns

In this lesson we’ll examine another key component of Bootstrap’s grid system.

Rows and Containers

Rows must always go inside a container and should include columns. View the following two videos on Lynda.com to better understand how these two components work.

Break Points

columns

Styles Conference

Let’s take what we’ve learned so far about using containers, rows, and columns and apply it to our last project – The Styles Conference homepage.

Do your best to rebuild the styles conference homepage by leveraging Bootstrap’s grid system to convert the page into a responsive layout. Don’t worry if the widths, fonts, and colors aren’t precise at this point. Simply capture the spirit of the page using Bootstrap.

Bootstrap Template

Columns Continued

View the following tutorials to learn more about the features of Bootstrap grid system.