Grid system
Use Bootstrap's powerful mobile-first flexbox grid to build layouts of all shapes and sizes.
Below we present the simplified overview of the most commonly used example.
How it works
Bootstrap’s grid system uses a series of containers, rows, and columns to layout and align content. It’s built with flexbox and is fully responsive.
The following example creates three equal-width columns on small, medium, large, and extra large devices using
predefined grid classes. Those columns are centered in the page with the parent .container.
One of three columns
One of three columns
One of three columns
One of three columns
One of three columns
One of three columns