Columns / Grid / Framework - No Left Spacing

Due to popular request, a second column layout has been added to our framework, using an additional CSS class "nogutter". This allows you to layout your site without any space between the containing elements.

In some cases columns have the same width, such as: "col-2-4 nogutter" & "col-1-2 nogutter". The class names have been left in place simply for ease of use, if you prefer to use one method you can, but you can also mix names e.g.

1/4
1/4
2/4

Is the same as:

1/4
1/4
1/2

When using the framework remember that all first containing elements have a multiple class: class="COLUMNNAME nogutter first", the class "first" clears the float e.g.

1/2
1/2

The same goes for nested elements, the first container element in the main container has to have class="COLUMNNAME nogutter first" e.g.

1/2
1/2
1/2

Half Columns

1/2
1/2

Third Columns

1/3
1/3
1/3
1/3
2/3

Quarter Columns

1/4
1/4
1/4
1/4
1/4
1/4
2/4
1/4
3/4
1/4
2/4
1/4

Fifth Columns

1/5
1/5
1/5
1/5
1/5
1/5
1/5
1/5
2/5
1/5
1/5
3/5
1/5
4/5
2/5
3/5

Sixth Columns

1/6
1/6
1/6
1/6
1/6
1/6
1/6
1/6
1/6
1/6
2/6
1/6
1/6
1/6
3/6
1/6
1/6
4/6
1/6
5/6
2/6
1/6
3/6