Composition

General

Grid System

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

The theme 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 TransVision theme 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