Page Navigation:

Grid


Equal width

Grid with auto-layout and equal width

One column width

Grid with auto-layout around one column with set width

Variable width content

Grid with auto-layout around columns with set width and natural (auto) width

Responsive classes

All breakpoints

Same grid across all devices: use .col and .col-*

Responsive

Advanced grid changing layout across different device sizes: use device prefixes

Row columns

Auto

2

3

4

Responsive

Advanced grid changing layout across different device sizes: use device prefixes

Nesting