Konstantin Kovshenin

<p>Create a column group with the <code>[column-group]</code> shortcode, then add columns to the group with the <code>[column]</code> shortcode, like this:</p>
<pre><code>[column-group]
    [column]This is my first column[/column]
    [column]This is my second column[/column]
[/column-group]
</code></pre>
<p>You can also span columns, like this:</p>
<pre><code>[column-group]
    [column span="2"]This is my first column spanned across two columns.[/column]
    [column]This is my second column[/column]
    [column]This is my third column[/column]
[/column-group]
</code></pre>
<p>The first column will be twice as large as the second or third.</p>
<p>Styles are in columns.css. If you’d like your own margins and stuff, dequeue the columns.css style during <code>wp_enqueue_scripts</code> with a priority of 11 or more.</p>


Columns

This WordPress plugin boosts your website with... you guessed it, columns!

keksus

<p>This plugin allows you to add the following shortcodes to page or post:</p>
<ul>
<li>Columns (12 col grid)</li>
<li>Buttons</li>
<li>Buttons with <a href="http://keksus.com/demo/ionicons/" rel="nofollow ugc">Ionicons icons</a> or <a href="http://fontawesome.io/icons/" rel="nofollow ugc">FontAwesome</a> icons</li>
<li>Toggles</li>
<li>Tabs</li>
<li>Icons</li>
<li>Services</li>
<li>Dividers</li>
<li>Clear </li>
</ul>
<h3>Live Demo</h3>
<ul>
<li><a href="http://keksus.com/q-shortcodes-demo.html" rel="nofollow ugc">http://keksus.com/q-shortcodes-demo.html</a></li>
</ul>
<h3>Usage</h3>
<ul>
<li>Use q button in default TinyMCE editor to add shortcode to page or post.</li>
<li>Use Customize page in WordPress dashboard to change settings.</li>
</ul>


Columns vs q-Shortcodes