{"id":218,"date":"2017-08-11T22:40:36","date_gmt":"2017-08-11T20:40:36","guid":{"rendered":"http:\/\/e-merald.com\/themes\/annuity-wp\/?page_id=218"},"modified":"2017-08-12T13:25:52","modified_gmt":"2017-08-12T11:25:52","slug":"grid-system","status":"publish","type":"page","link":"https:\/\/e-merald.com\/themes\/annuity-wp\/resources\/general\/grid-system\/","title":{"rendered":"Grid System"},"content":{"rendered":"\n\t\t\n\t\t
\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

Grid systems are used for creating page layouts through a series of rows and columns that house your content.<\/p>\n

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.<\/p>\n

Learn more: getbootstrap.com\/css\/#grid<\/strong><\/a><\/p>\n

The Annuity theme uses slightly modified and extended version of the grid.<\/p>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t

\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

Grid options<\/h2>\n\n\n\n\n\n\n\n
\u00a0<\/td>\nExtra small devices
Phones (<768px)<\/span><\/td>\n		Small devices
Tablets (\u2265768px)<\/span><\/td>\n		Medium devices
Desktops (\u2265992px)<\/span><\/td>\n		Large devices
Desktops (\u22651200px)<\/span><\/td>\n		Extra large devices
Desktops (\u22651520px)<\/span><\/td>\n<\/tr>\n<\/thead>\n
Container width<\/td>\nNone (auto)<\/td>\n750px<\/td>\n970px<\/td>\n1170px<\/td>\n1320px<\/td>\n<\/tr>\n
Class prefix<\/td>\n.col-xs-<\/code><\/td>\n.col-sm-<\/code><\/td>\n.col-md-<\/code><\/td>\n.col-lg-<\/code><\/td>\n.col-xl-<\/code><\/td>\n<\/tr>\n
Common class for columns<\/td>\n.columns<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t
\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n
12<\/div>\n\n<\/div>\n\n<\/div><\/div>
\n\n\n
\n
<\/div>\n<\/div>\n\n<\/div><\/div>
\n\n\n
\n
6<\/div>\n\n<\/div>\n\n<\/div>
\n\n\n
\n
6<\/div>\n\n<\/div>\n\n<\/div><\/div>
\n\n\n
\n
<\/div>\n<\/div>\n\n<\/div><\/div>
\n\n\n
\n
7<\/div>\n\n<\/div>\n\n<\/div>
\n\n\n
\n
5<\/div>\n\n<\/div>\n\n<\/div><\/div>
\n\n\n
\n
<\/div>\n<\/div>\n\n<\/div><\/div>
\n\n\n
\n
4<\/div>\n\n<\/div>\n\n<\/div>
\n\n\n
\n
4<\/div>\n\n<\/div>\n\n<\/div>
\n\n\n
\n
4<\/div>\n\n<\/div>\n\n<\/div><\/div>
\n\n\n
\n
<\/div>\n<\/div>\n\n<\/div><\/div>
\n\n\n
\n
4<\/div>\n\n<\/div>\n\n<\/div>
\n\n\n
\n
8<\/div>\n\n<\/div>\n\n<\/div><\/div><\/div>\n\n\n
\n
<\/div>\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n","protected":false},"excerpt":{"rendered":"

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 […]<\/p>\n","protected":false},"author":1,"featured_media":10,"parent":217,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/pages\/218"}],"collection":[{"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/comments?post=218"}],"version-history":[{"count":0,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/pages\/218\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/pages\/217"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/media\/10"}],"wp:attachment":[{"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/media?parent=218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}