Click here to navigate the course.

Drag the edges to resize the window.

In Projects, you can keep track of your progress as you go throught the tasks. Check each item as you complete it!

Building with Bootstrap

Bootstrap Generalizations

You just built an impressive webpage using the Bootstrap CSS framework. Nice work!

Let's take a moment to review the core concepts learned in this lesson


Web Concepts

  • CSS Framework: Set of prewritten CSS rules designed to help you build webpages faster.

  • Bootstrap Grid: 12 equal-sized columns which can be utilized via Bootstrap classes to build responsive page layouts quickly and reliably.

Bootstrap classes

  • row: Arranges HTML elements in rows, and can be useful when building headers/navigation menus, main feature sections, supporting content sections and footers.

  • jumbotron: Used to create large showcase sections featuring important content.

  • col-sm-*: Used to span a specified number of columns on the Bootstrap grid. The "sm" is short for "small", and maintains desired CSS layouts on small screens (tablet-sized).

  • text-right: Bootstrap class used to orient text to the right side of the webpage.

  • btn btn-primary: Bootstrap class used to style page elements as buttons.

Report a Bug
If you see a bug or any other issue with this page, please report it here.