Sunday, 12 October 2014 00:00

Fluid Columns In Articles With Bootstrap

<div class="row-fluid">
   <div class="span6">...</div>
   <div class="span6">...</div>
</div>

Adding columns to an article is simple when the template is bootstrapped.  No special plugin or addon is required.  I use the Sparky Framework for Joomla and WordPress so this is quite simple to implement with this code sample.  The above sample will give you a two column layout.

<div class="row-fluid">
<div class="span6">...</div>
<div class="span3">...</div>
<div class="span3">...</div>
</div>

Play with the code a bit to achieve a 3 or 4 column layout. I also have used these codes to display modules inside the columns using the plugin Modules Anywhere by NoNumber. 

 

Published in Joomla Tips

Services

Your Business In A Box

Our Business In A Box Websites come with everything included, but are not limited to the following, a business class website, news section, shopping cart, landing pages, secure forms, backend CRM. Your website can be tailored to fit your needs and your budget... » Learn More

Your Business In A Box