It's work just like Twitter Bootstrap, but with less code.
It's pretty simple to use, choose the number of column and give them the right class :
<div class="container">
<div class="row">
<div class="span3"></div>
<div class="span3"></div>
<div class="span3"></div>
<div class="span3 last"></div>
</div>
<div class="row">
<div class="span3"></div>
<div class="span2 offset4"></div>
<div class="span3 last"></div>
</div>
</div>
.container
is the block who content all your rows
.row
is just like his name, he contains the column of your layout
.span1
or .offset1
= one column
.last
is the required class for the last column
@maxWidth
is the max width of your grid
@columnRatio
is the proportion between column and gutter
With this two parameters, you can make the grid just like you want.
For abvanced user, juste change @columnNumber
and add few lines for /* SPAN WIDTH */
and /* OFFSET WIDTH */