How to Use the Grid
(Difference between revisions)
m |
m |
||
| Line 34: | Line 34: | ||
<div class="span4"> | <div class="span4"> | ||
<img src="http://placehold.it/200x200" alt="Place Holder"> | <img src="http://placehold.it/200x200" alt="Place Holder"> | ||
| + | <p>This is a place holder image</p> | ||
</div> | </div> | ||
</div> | </div> | ||
</html> | </html> | ||
Revision as of 00:40, 12 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 customizable, responsive 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!)
This is a place holder image