TristanChambers

Columnizer is a jQuery based WordPress plugin that formats your content into columns. All you need to do is embrace your content in a single set of shortcodes denoting the number of columns you’d like. Like this:
<pre><code>[threecolumns]
Lorem ipsum...vitae nunc.
Curabitur fringilla...consectetur arcu.
Proin id...pretium eros.
etc...
[/threecolumns]
</code></pre>
The rest is taken care of for you. Just write out the number of columns (up to twelve) followed by the word ‘columns’ with no space (as above) and your column formatting needs will be satisfied most splendidly. Other column plugins need you to divvy up the content between sets of tags. Columnizer does it for you!
To customize the margins between columns edit columnizer.css. Alternatively you could override the rules in your own css file by adding an extra level of hierarchy. Something like this:
<pre><code>#main #columnizer .first div {
 margin-right: 8px; /*changed spacing to 8px*/
 margin-left: 0 !important;
}
#main #columnizer .last div {
 margin-left: 8px; /*changed spacing to 8px*/
 margin-right: 0 !important;
}
#main #columnizer .column div {
 margin-left: 8px; /*changed spacing to 8px*/
 margin-right: 8px; /*changed spacing to 8px*/
 border-left: 1px solid grey; /*new rule to add slick dividers*/
 border-right: 1px solid grey; /*new rule to add slick dividers*/
}
</code></pre>
WP Columnizer is based on the jQuery plugin “Columnizer” by Adam Wulf.

Columnizer

Wordpress Plugin to columnize content automatically

Bhuwan Bdr. Rokaha

This Plugin easily adds responsive ( BootStrap ) columns layout into posts and pages by wrapping content with a shortcode. 
Use the Plugin’s button on the editor to add columns or simply copy and paste the beneath codes. Use the shortcode in the text widget or posts/pages like this:
<ul>
<li>
2 column layout: – 
[bscolumns class=”one_half”]Your Content Goes here[/bscolumns] 
[bscolumns class=”one_half_last”]Your Content Goes here[/bscolumns] 
[bscolumns class=”clear”][/bscolumns]
</li>
<li>
3 column layout: – 
[bscolumns class=”one_third”]Your Content Goes here[/bscolumns] 
[bscolumns class=”one_third”]Your Content Goes here[/bscolumns] 
[bscolumns class=”one_third_last”]Your Content Goes here[/bscolumns] 
[bscolumns class=”clear”][/bscolumns]
</li>
<li>
4 column layout: – 
[bscolumns class=”one_fourth”]Your Content Goes here[/bscolumns] 
[bscolumns class=”one_fourth”]Your Content Goes here[/bscolumns] 
[bscolumns class=”one_fourth”]Your Content Goes here[/bscolumns] 
[bscolumns class=”one_fourth_last”]Your Content Goes here[/bscolumns] 
[bscolumns class=”clear”][/bscolumns]
</li>
<li>
5 column layout: – 
[bscolumns class=”one_fifth”]Your Content Goes here[/bscolumns] 
[bscolumns class=”one_fifth”]Your Content Goes here[/bscolumns] 
[bscolumns class=”one_fifth”]Your Content Goes here[/bscolumns] 
[bscolumns class=”one_fifth”]Your Content Goes here[/bscolumns] 
[bscolumns class=”one_fifth_last”]Your Content Goes here[/bscolumns] 
[bscolumns class=”clear”][/bscolumns]
</li>
<li>
6 column layout: – 
[bscolumns class=”one_sixth”]Your Content Goes here[/bscolumns] 
[bscolumns class=”one_sixth”]Your Content Goes here[/bscolumns] 
[bscolumns class=”one_sixth”]Your Content Goes here[/bscolumns] 
[bscolumns class=”one_sixth”]Your Content Goes here[/bscolumns] 
[bscolumns class=”one_sixth”]Your Content Goes here[/bscolumns] 
[bscolumns class=”one_sixth_last”]Your Content Goes here[/bscolumns] 
[bscolumns class=”clear”][/bscolumns]
</li>
<li>
1/3 and 2/3 column layout: – 
[bscolumns class=”one_third”]Your Content Goes here[/bscolumns] 
[bscolumns class=”two_third_last_clear”]Your Content Goes here[/bscolumns] 
[bscolumns class=”clear”][/bscolumns]
</li>
<li>
2/3 and 1/3 column layout: – 
[bscolumns class=”two_third”]Your Content Goes here[/bscolumns] 
[bscolumns class=”one_third_last_clear”]Your Content Goes here[/bscolumns] 
[bscolumns class=”clear”][/bscolumns]
</li>
</ul>
The columns are responsive and will occupy the whole width of your screen.
Checkout the demo <a href="http://evisionthemes.com/evision-responsive-column-demo/" rel="nofollow ugc">here</a>
With new plugin, you can enter the column combination from Tinymce button like 1/3+2/3. This will give you one third of column, and 2 third of the column.
If you have any questions and suggestions, leave a comments or post it in support forum. Thank you!

eVision Responsive Column Layout Shortcodes

Great plugin. Very Useful. Very handy for creating columns.



Great plugin. Very Useful

This WordPress plugin gives you an easy way to add columns to any section -…

Columnizer vs eVision Responsive Column Layout Shortcodes