There are multiple reasons why (when you’re designing) you’d want to be able to add a column inside a column. This scaffolding takes its cues in part from Twitter Bootstrap, in WordPress Shortcode form! Though we’ve added useful options. The default Bootstrap grid system utilizes 12 columns. The grid adapts to be 724px and 1170px wide depending on your viewport. Below 767px viewports, the columns become fluid and stack vertically.

First Column / One Half

First Column / One Half (in Column)

Second Column / One Half (in Column)

globe
globe
globe
globe

Second Column / One Half

First Column / One Half (in Column)

Second Column / One Half (in Column)

1

2

3

4

5

Column in Column Shortcode in Action

The section here is in a 2/3 section in the middle, 1/6 on both sides. There are hundreds (if not thousands) of variations available for column layouts. The column in column option expands your possibilities even further.

No Gutter Columns

Bunch of Options

Love the Columns