Learning Bootstrap: Part 2: Containers and Rows

Learning Bootstrap

Using Bootstrap

Bootstrap is a free and open-source front-end framework for designing HTML- and CSS-based website and web applications.

Containers and Rows

In Bootstrap, there are elements which contain everything else. These are containers, and have their class attribute set as such.

Containers can be more fixed or fluid depending on design needs. For more fluid containers that fill up the available viewport, use .container-fluid.


Rows go inside containers. They define the outer bounds of the content within them and help organize the overall layout. Like containers their class, the class attribute .row defines rows.

Play with the example on Repl.it!