Grid system

The grid system of Bootstrap follows the mobile-first approach and accommodates up to 12 grid columns.

col-md-12
col-md-11
col-md-1
col-md-10
col-md-2
col-md-9
col-md-3
col-md-8
col-md-4
col-md-7
col-md-5
col-md-6
col-md-6
col-md-3
col-md-3
col-md-3
col-md-3
col-md-4
col-md-4
col-md-4

Offsetting columns

To move the columns to the right you can use the class .col-md-offset-*.

col-md-1
col-md-1
col-md-1
col-md-1
col-md-1
col-md-1
col-md-1
col-md-1
col-md-1
col-md-1
col-md-1
col-md-1
col-md-8

Nesting columns

To expand the ability to achieve certain layouts can be done by nesting rows.

Parent Column
col-md-6
col-md-6
Parent Column
col-md-6
col-md-6
Parent Column
col-md-3
col-md-3
col-md-3
col-md-3
Parent Column
col-md-4
col-md-4
col-md-4