Basic Grid

Basic Grid

1
11
2
10
3
9
4
8
5
7
6
6
7
5
8
4
9
3
10
2
11
1

Offsetting columns

pre-6 span-6
span-6 suf-6
pre-1 span-4 suf-1
pre-1 span-4 suf-1
pre-2 span-8 suf-2

Centered columns

span-7 center
span-9 center
span-11 center

Infinitely Nest columns

8
8 Nested
8 Nested Again
4
4
4

Responsive

s-4 pre-1 suf-1 t-s-10 t-pre-0 t-suf-0
s-3 t-s-5 m-s-2
s-3 t-s-5 m-s-4
s-4 t-s-8 t-pre-2 m-s-6 m-pre-0
s-4 t-s-6 m-s-3
s-4 t-s-4 m-s-3

Basic Grid -- with-noGutter

1
11
2
10
3
9
4
8
5
7
6
6
7
5
8
4
9
3
10
2
11
1

Offsetting columns

pre-6 span-6
span-6 suf-6
pre-1 span-4 suf-1
pre-1 span-4 suf-1
pre-2 span-8 suf-2

Centered columns

span-7 center
span-9 center
span-11 center

Responsive

s-4 pre-1 suf-1 t-s-10 t-pre-0 t-suf-0
s-3 t-s-5 m-s-2
s-3 t-s-5 m-s-4
s-4 t-s-8 t-pre-2 m-s-6 m-pre-0
s-4 t-s-6 m-s-3
s-4 t-s-4 m-s-3