Grid
l4 s4
l4 s4
l4 s4
l6 s9
l6 s3
Collapsed Grid
l6 s6
l6 s6
l8
l4
Nested Variation
normal then normal
l6
l4
l8
l4
l2
collapse then collapse
l6
l4
l8
l4
l2
normal then collapse
l6
l4
l8
l4
l2
collapse then normal
l6
l4
l8
l4
l2
Nested Collapsed vs. Nested
l6 s6
l9 s6
l3 s6
l6 s6
l9 s6
l3 s6
Offset and Source Ordering
l3 s5
l6 o3 - s5
collapsed
l3 o3 - s5
l6 - s5 so2
Nested Grid
l12
l8
l6
l6
l4
l7
l5
Responsive Nested Grid
l12 s12
l8 s8
l6 s9
l6 s3
l4 s4
l7 s7
l5 s5
Responsive offset and Centering
l8 o2 - s5 so3
l6 c - s8 sc
Custom Grid
- L = Large
- S = Small
- M = Mini
- O = Offset
- C = Collapsed
L only
l5
l7
L - S
l5 s10
l7 s2
Center - S uncentering
l-center s-uncenter
L - S - M
l4 s6 m8
l8 s6 m4
LO - S
l6 o4 - s6
l2 s6
LO - SO - M
l10 o2 - s6 so6 - m4
Nesting
normal then normal
l6
l4
l8
l4
l2
collapse then collapse
l6
l4
l8
l4
l2
normal then collapse
l6
l4
l8
l4
l2
collapse then normal
l6
l4
l8
l4
l2
Custom Gutter
l8 50px - s6 20px
l2 10px - s6 10px
l10 10px - s6 10px
l4 50px - s6 20px