CSS grid built Bootstrap is a powerful system for building mobile-first layouts. It's a very extensive tool with a great number of options. Below we present you basic examples of grid usage.

Detailed documentation and more examples you can find in our Grid Docs


Basic example

Basic example with 3 equal responsive columns

One of three columns
One of three columns
One of three columns

Three unequal columns

.col-md-3
.col-md-6
.col-md-3

Two columns

.col-md-8
.col-md-4

Two columns with two nested columns

.col-md-8
.col-md-6
.col-md-6
.col-md-4