{ Text Block: }
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.
{ Text Block: }
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 |
||||
{ Text Block: }
12
{ Dotted Divider Line }
{ Text Block: }
6
{ Text Block: }
6
{ Dotted Divider Line }
{ Text Block: }
7
{ Text Block: }
5
{ Dotted Divider Line }
{ Text Block: }
4
{ Text Block: }
4
{ Text Block: }
4
{ Dotted Divider Line }
{ Text Block: }
4
{ Text Block: }
8
{ Blank Space }