Print this page
Oct 12, 2014 Written by 
Joomla Tips

Fluid Columns In Articles With Bootstrap Be the first to comment!

<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. 

 

10287 Last modified on Saturday, 10 March 2018 05:44
Miss Mary

I started developing websites in 2011 with Joomla then added WordPress development due to client requests.  The ever changing landscape of website development and search engine optimization requires constant learning.