{"id":152,"date":"2019-09-11T19:44:00","date_gmt":"2019-09-11T16:44:00","guid":{"rendered":"http:\/\/e-merald.com\/themes\/benchmark-wp\/?page_id=152"},"modified":"2019-09-13T13:43:02","modified_gmt":"2019-09-13T10:43:02","slug":"grid-system","status":"publish","type":"page","link":"https:\/\/e-merald.com\/themes\/benchmark-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\n<\/div>\n\n\n\n\n

\n
<\/div>\n<\/div>\n\n\n\n\n
\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\/docs\/3.3\/css\/#grid<\/a><\/p>\n

The Benchmark 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
<\/div>\n<\/div>\n\n\n\n\n
\n

Grid options<\/h2>\n\n\n\n\n\n\n\n
<\/td>\nExtra small devices
\nPhones (<768px)<\/span><\/td>\n		Small devices
\nTablets (\u2265768px)<\/span><\/td>\n		Medium devices
\nDesktops (\u2265992px)<\/span><\/td>\n		Large devices
\nDesktops (\u22651200px)<\/span><\/td>\n		Extra large devices
\nDesktops (\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":8,"parent":150,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/e-merald.com\/themes\/benchmark-wp\/wp-json\/wp\/v2\/pages\/152"}],"collection":[{"href":"https:\/\/e-merald.com\/themes\/benchmark-wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/e-merald.com\/themes\/benchmark-wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/benchmark-wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/benchmark-wp\/wp-json\/wp\/v2\/comments?post=152"}],"version-history":[{"count":0,"href":"https:\/\/e-merald.com\/themes\/benchmark-wp\/wp-json\/wp\/v2\/pages\/152\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/benchmark-wp\/wp-json\/wp\/v2\/pages\/150"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/benchmark-wp\/wp-json\/wp\/v2\/media\/8"}],"wp:attachment":[{"href":"https:\/\/e-merald.com\/themes\/benchmark-wp\/wp-json\/wp\/v2\/media?parent=152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}