After finding here and there for the explanation finally i found a Great tutorial Here .
For every web application project , you normally would start converting psd to html tag.
What does this framework do for you is providing a solid Grid Framework for you. the motto is "Spend your time innovating, not replicating."
so instead of doing those silly thing arranging div here and there,
this framework already divide the column into 24 column for you,the default width is 950px
You can use the Generator if you want to generate less or more column with different width.
So than how to use it? the generated css . provide you with classes : span-1 to span-24
span means , you want to span n columns , imagine that your page already centralized 950px divided into 24 columns evenly.
if span-16 means , span 16 column to right. the css to float right already there, prepend means paddingleft, appaend means padding right.pull means go more left, push means go more right.
- Provide you with ie.css which reset and fix haslayout giving 1% height
- Print friendly page css
- Easy to Extend
- Provide some plugin
This is a very easy to use and helpfull framework , You should follow the above tutorial and you will know what i mean...