|Max container width||None (auto)||540px||720px||960px||1140px|
|# of columns||12|
|Gutter width||30px (15px on each side of a column)|
.order- classes for controlling the visual order of your content. These classes are responsive, so you can set the
order by breakpoint (e.g.,
.order-1.order-md-2). Includes support for
12 across all five grid tiers.
There are also responsive
.order-last classes that change the
order of an element by applying
order: -1 and
order: 13 (
order: $columns + 1), respectively. These classes can also be intermixed with the numbered
.order-* classes as needed.