Use col-md class to create the most universal grid structures, adjusted to most screens and devices

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


Basic example

Basic example with 3 equal responsive columns

.col-md
.col-md
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