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/css/#grid

The Annuity 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

No matter what stage of your financial life your are in, we can help you make the most of what you have!