Shortcodes – Columns

This tutorial will show how to create columns inside your page content. This uses the same classes and structure as Twitter’s Bootstrap front-end framework that creates grid layouts–which is what this theme uses. The grid layout is based on 12-columns side-by-side. So a full width page will use a class of col-md-12 which means use all 12 columns for our page. Later in this tutorial, we will make a 2-column layout, but here is an example where I used this inside a page to add 2 Image Boxes using shortcode: