{"id":61,"date":"2017-01-31T01:20:47","date_gmt":"2017-01-31T01:20:47","guid":{"rendered":"http:\/\/tommustester.wpengine.com\/?page_id=61"},"modified":"2021-09-02T16:45:43","modified_gmt":"2021-09-02T16:45:43","slug":"grid-system","status":"publish","type":"page","link":"https:\/\/cogs.iitgn.ac.in\/newcogs\/elements\/grid-system\/","title":{"rendered":"Elements &#8211; Grid System"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221;][vc_column]\n\t\t\t<section class=\"imagebg image--light cover cover-blocks bg--secondary \" >\n\t\t\t\t<div class=\"background-image-holder\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1253\" src=\"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-content\/uploads\/2017\/01\/promo-1-scaled.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-content\/uploads\/2017\/01\/promo-1-scaled.jpg 2560w, https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-content\/uploads\/2017\/01\/promo-1-300x147.jpg 300w, https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-content\/uploads\/2017\/01\/promo-1-1024x501.jpg 1024w, https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-content\/uploads\/2017\/01\/promo-1-768x376.jpg 768w, https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-content\/uploads\/2017\/01\/promo-1-1536x752.jpg 1536w, https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-content\/uploads\/2017\/01\/promo-1-2048x1002.jpg 2048w, https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-content\/uploads\/2017\/01\/promo-1-600x294.jpg 600w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/div>\n\t\t\t\t<div class=\"container\">\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<div class=\"col-sm-6 col-md-5\">\n\t\t\t\t\t\t\t<div>[vc_column_text]<\/p>\n<h1><\/h1>\n<h1>Responsive Grid<\/h1>\n<p class=\"lead\">These modular elements can be readily used and customized across pages and in different blocks.<\/p>\n<hr class=\"short\" \/>\n<p>Explore all of Stack&#8217;s modular elements<br \/>\nat the\u00a0<a href=\"\/elements\/\">Element Index Page \u2192<\/a>[\/vc_column_text]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div><!--end of row-->\n\t\t\t\t<\/div><!--end of container-->\n\t\t\t\t\n\t\t\t<\/section>\n\t\t[\/vc_column][\/vc_row][vc_section css=&#8221;.vc_custom_1498220838453{padding-top: 0px !important;}&#8221;][vc_row css=&#8221;.vc_custom_1485825445121{margin-bottom: 30px !important;}&#8221;][vc_column][vc_column_text el_class=&#8221;boxed bg&#8211;secondary boxed&#8211;lg boxed&#8211;border&#8221;]<\/p>\n<h4>Bootstrap Grid<\/h4>\n<p>Stack runs atop the\u00a0<a href=\"http:\/\/getbootstrap.com\/css\/#grid\" target=\"_blank\" rel=\"noopener\">Bootstrap Grid<\/a>\u00a0&#8211; a 12 column grid system that allows you to quickly and easily create layouts for desktop, tablet and mobile screen sizes.<\/p>\n<p>Columns are housed inside rows, and rows inside containers to form the main structure of the page.[\/vc_column_text][\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row][vc_column][vc_column_text]<\/p>\n<h4>Twelve Columns<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[\/vc_column_text][\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<\/p>\n<h4>Six Columns<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p>ip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[\/vc_column_text][vc_column_text]<\/p>\n<h4>Six Columns<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<\/p>\n<h4>Six Columns<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[\/vc_column_text][vc_column_text]<\/p>\n<h4>Six Columns<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[\/vc_column_text][\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h4>Four Columns<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h4>Four Columns<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h4>Four Columns<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit.[\/vc_column_text][\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row][vc_column width=&#8221;1\/4&#8243;][vc_column_text]<\/p>\n<h4>Three Columns<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]<\/p>\n<h4>Three Columns<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]<\/p>\n<h4>Three Columns<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]<\/p>\n<h4>Three Columns<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.[\/vc_column_text][\/vc_column][\/vc_row][\/vc_section][vc_row][vc_column][vc_column_text]<\/p>\n<h2 style=\"text-align: center;\">Looking for styled text layout sections?<\/h2>\n<p style=\"text-align: center;\"><a class=\"btn btn--primary type--uppercase\" href=\"\/sections\/text-layouts\/\">View Text Layout Sections<\/a><\/p>\n<p class=\"type--fine-print\" style=\"text-align: center;\">or try the\u00a0<a href=\"http:\/\/tommusrhodus.theme-demo.net\/stackwordpresstheme\" target=\"_blank\" rel=\"noopener\">admin demo \u2197<\/a><\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221;][vc_column][\/vc_column][\/vc_row][vc_section css=&#8221;.vc_custom_1498220838453{padding-top: 0px !important;}&#8221;][vc_row css=&#8221;.vc_custom_1485825445121{margin-bottom: 30px !important;}&#8221;][vc_column][vc_column_text el_class=&#8221;boxed bg&#8211;secondary boxed&#8211;lg boxed&#8211;border&#8221;] Bootstrap Grid Stack runs atop the\u00a0Bootstrap Grid\u00a0&#8211; a 12 column&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":33,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-61","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-json\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-json\/wp\/v2\/comments?post=61"}],"version-history":[{"count":1,"href":"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-json\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":4493,"href":"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-json\/wp\/v2\/pages\/61\/revisions\/4493"}],"up":[{"embeddable":true,"href":"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-json\/wp\/v2\/pages\/33"}],"wp:attachment":[{"href":"https:\/\/cogs.iitgn.ac.in\/newcogs\/wp-json\/wp\/v2\/media?parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}