###### Stacked-to-horizontal

.col-md-2
.col-md-2
.col-md-2
.col-md-2
.col-md-2
.col-md-2
.col-md-8
.col-md-4
.col-md-4
.col-md-4
.col-md-4
.col-md-6
.col-md-6

###### Mobile and desktop

.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-md-4
.col-xs-6
.col-xs-6

###### Mobile, tablet, desktops

.col-xs-12 .col-sm-6 .col-md-8
.col-xs-6 .col-md-4
.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4

###### Offsetting columns

.col-md-4
.col-md-4 .offset-md-4
.col-md-3 .offset-md-3
.col-md-3 .offset-md-3
.col-md-6 .offset-md-3

###### Column ordering

.col-md-9 .push-md-3
.col-md-3 .pull-md-9

###### Grid options

See how aspects of the Bootstrap grid system work across multiple devices with a handy table.

| Extra small devices Phones (<33.9em) | Small devices Tablets (≥34em) | Medium devices Desktops (≥48em) | Large devices Desktops (≥62em) | Extra large devices Desktops (≥75em)
--- | --- | --- | --- | --- | ---
Grid behavior | Horizontal at all times | Collapsed to start, horizontal above breakpoints
Container width | 34rem | 45rem | 60rem | 72.25rem | 72.25rem
Class prefix | `.col-xs-` | `.col-sm-` | `.col-md-` | `.col-lg-` | `.col-xl-`
# of columns | 12
Gutter width | 1.875rem
Nestable | Yes
Offsets | Yes
Column ordering | Yes

BUY

## Theme Switcher

Folded Aside Boxed Layout Fullscreen Mode

Colors:

Themes:

Light Grey Dark Black

## Demos

Default Zero One Two Three Four Five
...