banner - elements

General

Grid System

Grid systems are used for creating page layouts through a series of rows and columns that house your content.

The template includes Bootstrap's responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases.

Learn more: getbootstrap.com/docs/3.3/css/#grid

The template uses slightly modified and extended version of the grid.

Grid options

  Extra small devices
Phones (<768px)
Small devices
Tablets (≥768px)
Medium devices
Desktops (≥992px)
Large devices
Desktops (≥1200px)
Extra large devices
Desktops (≥1520px)
Container width None (auto) 750px 970px 1170px 1320px
Class prefix .col-xs- .col-sm- .col-md- .col-lg- .col-xl-
Common class for columns .columns
12
6
6
7
5
4
4
4
4
8

Coaching offers a way forward, so you can start transforming your life and turn your dreams into reality.