Frag

Frag is a fluid, responsive, friendly, simple grid system for CSS written in LESS and Sass.
Note: this is legacy documentation for version 1.x of Frag. View current documentation here.

This is just a demo page. You can read the documentation, view the project source or download Frag on GitHub.

Simple Equal Columns

One
One
One
One
One
One
One
One
One
One
One
One
Two
Two
Two
Two
Two
Two
Three
Three
Three
Three
Four
Four
Four
Six
Six

Unequal Columns (Responsivity Disabled)

Five
Seven
Seven
Five
Eight
Four
Nine
Three
Ten
Two
Eleven
One
Twelve

Columns with Uneven heights

Column
…
Column
…
…
Column
…
…
…
Column

Column
Column
…
…
Column
…
Column
…
…
…
…

Nested Grids

Six

Twelve

Four
Four
Four
Six

Six
Six

Nested Grids With Additional Gutters Removed

Non-IE 6 and 7 only :)

Six

Twelve

Four
Four
Four
Six

Hidden Columns

Visible at all screen sizes
Visible at desktop size only
Visible at tablet size only
Visible at mobile size only
Visible at desktop and tablet sizes only
Visible at tablet and mobile sizes only