Example Usage

View the source for this page to see how the grids below have been created. Two different approaches have been used; The Tidy approach and the traditional approach. The 'span-' classes and the '-box' classes can be used interchangeably.

The Tidy approach

'full-box'
'half-box'
'half-box'
'third-box'
'two-thirds-box'
'half-box' inside a 'three-quarters-box'
'half-box' inside a 'three-quarters-box'
quarter-box

The traditional approach

'span-12'
'span-6'
'span-6'
'span-4'
'span-8'
'span-6' inside a 'span-9'
'span-6' inside a 'span-9'
'span-3'