Responsive layouts, automatically aligned.
The grid system is foundation for most page-level layouts.
16pxwith options for
32pxgutter or no gutter.
946pxand is centered.
By default grid columns will stack. The widths of the grid columns can be changed at each breakpoint.
Columns can also used to create more complicated layouts. Below are three columns that change width and wrap according to values specified for each breakpoint.
50%width and the remaining columns