Roman Nechaiev

Powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, six default responsive tiers.
<h3>Features</h3>
<ul>
<li>Spacing</li>
<li>Layout,</li>
<li>Typography,</li>
<li>Colors,</li>
<li>Position, </li>
<li>Borders,</li>
<li>Sizing</li>
</ul>

Bs grid system & Utilities

Powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, six default responsive tiers.

Bamboo MCR

This plugin provides several shortcodes for organising your content into multi-column layouts. It supports two, three and four column layouts and allows for content to span multiple columns if required.
Usage
Insert the required shortcodes into your content as follows:
2 column layout:
<pre><code> [column-half-1]
 First column of content
 [/column-half-1]
 [column-half-2]
 Second column of content
 [/column-half-2]
</code></pre>
3 column layout:
<pre><code> [column-third-1]
 First column of content
 [/column-third-1]
 [column-third-2]
 Second column of content
 [/column-third-2]
 [column-third-3]
 Third column of content
 [/column-third-3]
</code></pre>
4 Column layout:
<pre><code> [column-quarter-1]
 First column of content
 [/column-quarter-1]
 [column-quarter-2]
 Second column of content
 [/column-quarter-2]
 [column-quarter-3]
 Third column of content
 [/column-quarter-3]
 [column-quarter-4]
 Fourth column of content
 [/column-quarter-4]
</code></pre>
If you want content to span multiple columns you can combine the shortcodes to create a column spans multiple spaces, for example:
<pre><code> 1 Third / 2 Thirds

 [column-third-1]
 First column of content
 [/column-third-1]
 [column-third-2-3]
 Second column of content that spans the second and third columns
 [/column-third-2-3]

 1 Quarter / 2 Quarters / 1 Quarter

 [column-quarter-1]
 First column of content
 [/column-quarter-1]
 [column-quarter-2-3]
 Second column of content that spans the second and third columns
 [/column-quarter-2-3]
 [column-quarter-4]
 Third column of content that occupies the fourth quarter column
 [/column-quarter-4]
</code></pre>
If you need to embed a set of columns within a column, you can do so by adding ‘inner-‘ to the shortcode as follows:
<pre><code> [column-half-1]
 Some Text
 [inner-column-half-1]
 Some more text
 [/inner-column-half-1]
 [inner-column-half-2]
 Even more text
 [/inner-column-half-2]
 [/column half 1]
 [column-half-2]
 The final text
 [/column-half-2]
</code></pre>
You can also change the background colour of a colour by adding an attribute to the shortcode as follows:
<pre><code> [column-half-1 background="e8e8e8"]
</code></pre>

Bamboo Columns

This plugin provides several shortcodes for organising your content into multi-column layouts. It supports two, three and four column layouts.

Bs grid system & Utilities vs Bamboo Columns