How to Use the Grid
(Difference between revisions)
m |
m |
||
| Line 31: | Line 31: | ||
</pre> | </pre> | ||
<br> | <br> | ||
| − | This code will produce a | + | This code will produce a 3 column layout the width of your post or page content section <span style="color:red;">(It is responsive to your website's width!)</span> |
</div> | </div> | ||
<div class="span4"> | <div class="span4"> | ||
Revision as of 23:37, 11 May 2012
The Grid
In PageLines Framework 2.2, we have added more functionality from bootstrap -- an adaptation of their scaffolding system, The Grid. The Grid allows you to build a highly customizeable, reponsive layout with simple syntax. You can view an example of the Grid in use at the PageLines 2.2 Demo Site
The Syntax
This code will produce a 3 column layout the width of your post or page content section (It is responsive to your website's width!)
<div class="row">
<div class="span4">
<p>...</p>
</div>
<div class="span4">
<p>...</p>
</div>
<div class="span4">
<p>...</p>
</div>
</div>
This code will produce a 3 column layout the width of your post or page content section (It is responsive to your website's width!)