Skip to content

How to use the Fluid Grid System

jpsilvashy edited this page Sep 13, 2010 · 1 revision

Example

Below is an example of how the code works. Because The Fluid Grid System is based on a six column grid the only necessary provision is that all of the <div class="three column"> within it’s parent <div class="section"> element add up to 6. A total of 720 different combinations can be achieved in this fashion.

<div class="section">
  <div class="two column">
    <div class="column_content">
      ...
    </div>
  </div>                        
  <div class="three column">      
    <div class="column_content">
      ...
    </div>
  </div>                        
  <div class="one column">      
    <div class="column_content">
      ...
    </div>
  </div>
</div>
Clone this wiki locally