Jory Hogeveen

As easy as it gets. Add column classes to widgets with a select box, check whether the widget is the first, and save!
I’ve built this plugin for the Genesis Framework, though it will work with any theme that uses the (old) Bootstrap column classes.
You can also add your own classes through various filters to use this plugin with your theme’s grid framework.
<h4>Compatibility (IMPORTANT!)</h4>
This plugin does NOT add CSS for these columns. It ONLY adds the column classes to your widgets. The actual CSS should be added in your theme.
<h4>Filter: `genesis_widget_column_classes`</h4>
Allows you to change the available column classes
Parameters: <code>array</code> Default column classes. 
Return: <code>array</code> Array of column classes.
<h4>Filter: `genesis_widget_column_classes_capability`</h4>
Change the capability required to modify column classes. 
Since 1.2.2
Default: <code>edit_theme_options</code> 
Parameters: <code>string</code> The default capability. 
Return: <code>string</code> The new capability.
<h4>Filter `genesis_widget_column_classes_select_multiple`</h4>
Allow multiple classes to be selected. 
Since 1.3 
Return: boolean.
You can use these filters inside your theme functions.php file or in a plugin. 
You can find me here:
<ul>
<li><a href="http://www.keraweb.nl/" title="Keraweb" rel="nofollow ugc">Keraweb</a></li>
<li><a href="https://github.com/JoryHogeveen/genesis-widget-column-classes/" rel="nofollow ugc">GitHub</a></li>
<li><a href="https://nl.linkedin.com/in/joryhogeveen" title="LinkedIn profile" rel="nofollow ugc">LinkedIn</a></li>
</ul>

Genesis Widget Column Classes

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

Genesis Widget Column Classes vs eVision Responsive Column Layout Shortcodes