Getting StartedTheme Options Page OptionsPost TypesElementorWPBakeryTemplates BuilderExtrasDynamic Content How To
TheGem Documentation
Page Layout Basics
Grid System

Grid System

TheGem grid system is an advanced responsive mobile first fluid grid system based on 12 columns bootstrap grid and uses a similar modular approach. It includes many settings enabling you to create any layout. There are few differences to a standard bootstrap default settings

Also, instead of

TheGem uses:

<em><div class=”container container-fullwidth”></div></em>

The grid system is used to create page layouts using Elementor’s sections and columns. Sections and columns are main containers for your content and elements. 

You can add sections and columns to your page by clicking on “+” button and choosing your structure

 or by drag’n’dropping any content element from the Elementor editor panel to your page