Grid
.col-md-2
.col-md-2
.col-md-2
.col-md-2
.col-md-2
.col-md-2
.col-md-3
.col-md-3
.col-md-3
.col-md-3
.col-md-4
.col-md-4
.col-md-4
.col-md-6
.col-md-6
.col-md-12
Mobile and desktop
Don't want your columns to simply stack in smaller devices? Use the extra small and medium device grid classes by adding .col-xs-*
.col-md-*
to your columns. See the example below for a better idea of how it all works.
.col-xs-12.col-md-8
.col-xs-12.col-md-8
.col-xs-6.col-md-4
.col-xs-6.col-md-4
.col-xs-6.col-md-4
.col-xs-6
.col-xs-6
Offsetting columns
Move columns to the right using .col-md-offset-*
classes. These classes increase the left margin of a column by *
columns. For example, .col-md-offset-4
moves .col-md-4
over four columns.
.col-md-4
.col-md-4.col-md-offset-4
.col-md-3.col-md-offset-3
.col-md-3.col-md-offset-3
.col-md-6.col-md-offset-3