CWRUCAS

Code is adapted from the plugin ‘Columns’ by Konstantin Kovshenin.
Bootstrap is an HTML, CSS, and JS framework that is used to develop responsive, mobile websites. It employs a grid system that divides the viewport into twelve distinct columns. On desktops, the columns scale proportionally to the width of the viewing area while on mobile devices and tablets the columns stack on top of one another. This plugin takes advantage of that grid system to allow for WordPress content to be split up equally between the twelve columns.
To create a group of columns, use the [column-group] shortcode. To add columns to a group, use the [column] shortcode. For example:
<pre><code>[column-group]
 [column]This is the first column[/column]
 [column]This is the second column[/column]
[/column-group]
</code></pre>
The first column will occupy the first six columns of the Bootstrap grid while the second column will fill the remaining six.
<h4>Spanning Columns</h4>
The plugin’s columns can also be manually spanned across the Bootstrap grid. By adding the span attribute to the starting column shortcode, the number of Bootstrap columns that the WordPress columns take up can be assigned. For example:
<pre><code>[column-group]
 [column span=“4”]This is the first column.[/column]
 [column span=“6”]This is the second column.[/column]
 [column span=“2”]This is the third column.[/column]
[/column-group]
</code></pre>
The columns will take up four, six, and two of the Bootstrap columns respectively. Note: The span value is actually a ratio so if the total value of the spans in a column group does not equal twelve, then the plugin will assign the column sizes by means of percentage.

Columns for Bootstrap

This WordPress plugin adds a columns shortcode that utilizes Bootstrap for mobile responsiveness.

Lightweight Grid Columns are super easy to use! Install and activate the plugin, then look for the columns icon within your TinyMCE toolbar (see screenshots).
Specify your desired desktop, tablet and mobile widths of the columns, add your content and then insert your shortcode into your content.
Lightweight Grid Columns uses the awesome Unsemantic Framework: (http://unsemantic.com/)
Check out GeneratePress, our awesome WordPress theme! (https://wordpress.org/themes/generatepress)
<h4>Features include:</h4>
<ul>
<li>Desktop grid width</li>
<li>Tablet grid width</li>
<li>Mobile grid width</li>
<li>Add custom classes</li>
<li>Add custom inline styles</li>
<li>Equal height columns</li>
</ul>

Lightweight Grid Columns

Love this plugin works really well.

One really small point would be great if the button for columns showed up when editing a Toolset template, some kind of integration with Toolset.

Its not a massive thing as you learn the code you can just manually write it but would be a nice little time saving update if it was integrated! :)

Great plugin would be even better with Toolset support

Easily add desktop, tablet and mobile friendly columns to your content using an easy to use shortcode.

Columns for Bootstrap vs Lightweight Grid Columns