Bamboo Manchester

Bamboo Layout provides a number of shortcodes which enable more flexible content layout anywhere in a page or post.
Usage:
<pre><code>For multi-column layouts (up to nine columns is supported) use the following shortcodes:

[columns]
 [column]
 CONTENT GOES HERE
 [/column]
 [column]
 CONTENT GOES HERE
 [/columns]
[columns]

For dynamic, five column feature boxes use the following shortcodes:

 [features]
 [feature-box title="FEATURE TITLE GOES HERE"]
 FEATURE CONTENT GOES HERE
 [/feaure-box]
 [feature-box title="FEATURE TITLE GOES HERE"]
 FEATURE CONTENT GOES HERE
 [/feaure-box]
 [feature-box title="FEATURE TITLE GOES HERE"]
 FEATURE CONTENT GOES HERE
 [/feaure-box]
 [feature-box title="FEATURE TITLE GOES HERE"]
 FEATURE CONTENT GOES HERE
 [/feaure-box]
 [feature-box title="FEATURE TITLE GOES HERE"]
 FEATURE CONTENT GOES HERE
 [/feaure-box]
 [/features]
</code></pre>

Bamboo Layout

Provides a number of shortcodes to enable custom page layouts.

Gridly Design Overlay

Gridly Design Overlay adds a front-end grid overlay that helps developers and site builders check responsive layout alignment while working on WordPress sites.
The plugin includes a settings page under Settings where administrators can configure:
<ul>
<li>Overlay visibility.</li>
<li>Overlay color.</li>
<li>Overlay opacity.</li>
<li>Desktop grid container width.</li>
<li>Desktop, tablet, and mobile columns.</li>
<li>Desktop, tablet, and mobile gaps.</li>
<li>Desktop, tablet, and mobile side spacing.</li>
</ul>
Tablet settings apply from 480px through 1024px. Mobile settings apply up to 479px.

Adds a responsive grid overlay to help check WordPress layouts during development.

Bamboo Layout vs Gridly Design Overlay