Bootstrap grid 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 Bootstrap 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