Grid system Add to shortcut list

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

Gutters

To apply a different distance between columns you can use the class gutter-*.
gutter-lg
gutter-lg
gutter-md
gutter-md
gutter-sm
gutter-sm
gutter-xs
gutter-xs

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
Buy Elephant Now!
  • Theme Settings
  • Header fixed
  • Sidebar fixed
  • Sidebar sticky*
  • Sidebar collapsed
  • Footer fixed
  • Sidebar sticky* - by scrolling up and down the page, the menu placed on the sidebar moves along with the content until the bottom of the menu is reached. Learn more