The Grid

Columns

A 12 column responsive grid for easy layout creation

The grid is constructed of horizontal rows that define the max-width of the page, in this case 1140px. The rows form the outer layer of the layout, while the columns, create the inner, more complex layouts.

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

Nesting

You can easily nest columns to create complex layouts.

4
4
6
6
Example
								
									
...
...
...
...

Offset

Easily move sections up to eleven columns by using the .offset-xx class.

4
4
4
Example
								
									
...
...
...

Push/Pull

Rearrange columns with ease using .push and .pull classes irregardless of the order in which they appear in the markup.

.push-2
.pull-10
Example
								
									
...
...
Theme Mountain

Current Version