Bootstrap Grid/Columns

All of the CyberChimps themes that use the Twitter Bootstrap (not Responsive nor Responsive Pro) incorporate its responsive grid. You can use this grid in an Page, Post or even a Text Widget. Understanding this grid can also assist you in styling the existing elements of the site as well.

Below is an image of the grid:

Bootstrap_Grid

 
 
 
Say you wanted to use the grid in a Page or Post instead of using a table so that it will still be responsive. Here is an example:
 

<div class="row-fluid">
<div class="span6" style="background:#FF0000; color:#000000; font-size: 16px; font-weight:900; padding-top: 5px; text-align:center;">
Left column
</div>
<div class="span6" style="background:#000000; color:#FFFFFF; font-size: 16px; font-weight:900; padding-top: 5px; text-align:center;">
Right column
</div>
</div>

 
 
 
 
 
 
Did this documentation not suffice? Have more questions? Please post a support topic in the forum. https://cyberchimps.com/forum/

Categories: