Grid

Grid Layout

Furatto comes with a 12-column grid based on the one from Bootstrap. Below 767px viewports, the columns become fluid and stack vertically.

Grid HTML

For a simple three column layout just add the .row-fluid class name and add the correct number of .span* columns. The span class name for the columns comes from the 1 to the 12 as is a 12 column grid.

        
          

             
...
             
...
             
...
          
        
      

Given the last example the three div elements with .span class name make a total of 12.

Nesting columns

When comes to nesting Furatto helps you add multiple span class elements. You just have to add a .row-fluid class into an existing .span* column. The nested rows should also match a 12, you can see it as if is another .row-fluid element.