{"id":4888,"date":"2014-01-21T09:24:53","date_gmt":"2014-01-21T09:24:53","guid":{"rendered":"http:\/\/demo.zigzagpress.com\/start\/?page_id=4888"},"modified":"2014-01-21T09:24:53","modified_gmt":"2014-01-21T09:24:53","slug":"column-grid","status":"publish","type":"page","link":"https:\/\/iddiom.com\/es\/shortcodes\/column-grid\/","title":{"rendered":"Column Grid"},"content":{"rendered":"<p class=\"lead\">Column Grid was included to create a flexible column layouts, especially useful and recommended for the FrontPage. The column grid\u00a0 scales up to 12 columns.<\/p>\n<div class=\"container\">\n<div class=\"row show-grid\">\n<div class=\"col-md-11\">.col-md-11<\/div>\n<div class=\"col-md-1\">.col-md-1<\/div>\n<\/div>\n<div class=\"row show-grid\">\n<div class=\"col-md-10\">.col-md-10<\/div>\n<div class=\"col-md-2\">.col-md-2<\/div>\n<\/div>\n<div class=\"row show-grid\">\n<div class=\"col-md-9\">.col-md-9<\/div>\n<div class=\"col-md-3\">.col-md-3<\/div>\n<\/div>\n<div class=\"row show-grid\">\n<div class=\"col-md-8\">.col-md-8<\/div>\n<div class=\"col-md-4\">.col-md-4<\/div>\n<\/div>\n<div class=\"row show-grid\">\n<div class=\"col-md-7\">.col-md-7<\/div>\n<div class=\"col-md-5\">.col-md-5<\/div>\n<\/div>\n<div class=\"row show-grid\">\n<div class=\"col-md-6\">.col-md-6<\/div>\n<div class=\"col-md-6\">.col-md-6<\/div>\n<\/div>\n<div class=\"row show-grid\">\n<div class=\"col-md-4\">.col-md-4<\/div>\n<div class=\"col-md-4\">.col-md-4<\/div>\n<div class=\"col-md-4\">.col-md-4<\/div>\n<\/div>\n<div class=\"row show-grid\">\n<div class=\"col-md-1\">.col-md-1<\/div>\n<div class=\"col-md-1\">.col-md-1<\/div>\n<div class=\"col-md-1\">.col-md-1<\/div>\n<div class=\"col-md-1\">.col-md-1<\/div>\n<div class=\"col-md-1\">.col-md-1<\/div>\n<div class=\"col-md-1\">.col-md-1<\/div>\n<div class=\"col-md-1\">.col-md-1<\/div>\n<div class=\"col-md-1\">.col-md-1<\/div>\n<div class=\"col-md-1\">.col-md-1<\/div>\n<div class=\"col-md-1\">.col-md-1<\/div>\n<div class=\"col-md-1\">.col-md-1<\/div>\n<div class=\"col-md-1\">.col-md-1<\/div>\n<\/div>\n<\/div>\n<h4>Grid 1<\/h4>\n<style type=\"text\/css\">.code_wrapper{display:block; margin-top: 20px;} .code_wrapper strong{margin-top: 16px; display: block;}<\/style><div class=\"code_wrapper\"><h4>Shortcode:<\/h4><pre>\n[column_grid_1] &#8230;.Column Content Here&#8230;. [\/column_grid_1]\n<strong>Note: You can also use shortcode inside the column<\/strong>\n<\/pre><\/div>\n<h4>Grid\u00a02<\/h4>\n<style type=\"text\/css\">.code_wrapper{display:block; margin-top: 20px;} .code_wrapper strong{margin-top: 16px; display: block;}<\/style><div class=\"code_wrapper\"><h4>Shortcode:<\/h4><pre>\n[column_grid_2] &#8230;.Column Content Here&#8230;. [\/column_grid_2]\n<strong>Note: You can also use shortcode inside the column<\/strong>\n<\/pre><\/div>\n<h4>Grid 3<\/h4>\n<style type=\"text\/css\">.code_wrapper{display:block; margin-top: 20px;} .code_wrapper strong{margin-top: 16px; display: block;}<\/style><div class=\"code_wrapper\"><h4>Shortcode:<\/h4><pre>\n[column_grid_3] &#8230;.Column Content Here&#8230;. [\/column_grid_3]\n<strong>Note: You can also use shortcode inside the column<\/strong>\n<\/pre><\/div>\n<h4>Grid 4<\/h4>\n<style type=\"text\/css\">.code_wrapper{display:block; margin-top: 20px;} .code_wrapper strong{margin-top: 16px; display: block;}<\/style><div class=\"code_wrapper\"><h4>Shortcode:<\/h4><pre>\n[column_grid_4] &#8230;.Column Content Here&#8230;. [\/column_grid_4]\n<strong>Note: You can also use shortcode inside the column<\/strong>\n<\/pre><\/div>\n<h4>Grid 5<\/h4>\n<style type=\"text\/css\">.code_wrapper{display:block; margin-top: 20px;} .code_wrapper strong{margin-top: 16px; display: block;}<\/style><div class=\"code_wrapper\"><h4>Shortcode:<\/h4><pre>\n[column_grid_5] &#8230;.Column Content Here&#8230;. [\/column_grid_5]\n<strong>Note: You can also use shortcode inside the column<\/strong>\n<\/pre><\/div>\n<h4>Grid 6<\/h4>\n<style type=\"text\/css\">.code_wrapper{display:block; margin-top: 20px;} .code_wrapper strong{margin-top: 16px; display: block;}<\/style><div class=\"code_wrapper\"><h4>Shortcode:<\/h4><pre>\n[column_grid_6] &#8230;.Column Content Here&#8230;. [\/column_grid_6]\n<strong>Note: You can also use shortcode inside the column<\/strong>\n<\/pre><\/div>\n<h4>Grid 7<\/h4>\n<style type=\"text\/css\">.code_wrapper{display:block; margin-top: 20px;} .code_wrapper strong{margin-top: 16px; display: block;}<\/style><div class=\"code_wrapper\"><h4>Shortcode:<\/h4><pre>\n[column_grid_7] &#8230;.Column Content Here&#8230;. [\/column_grid_7]\n<strong>Note: You can also use shortcode inside the column<\/strong>\n<\/pre><\/div>\n<p><span style=\"font-size: 1.17em; line-height: 1.5em;\">\u00a0Grid 8<\/span><\/p>\n<style type=\"text\/css\">.code_wrapper{display:block; margin-top: 20px;} .code_wrapper strong{margin-top: 16px; display: block;}<\/style><div class=\"code_wrapper\"><h4>Shortcode:<\/h4><pre>\n[column_grid_8] &#8230;.Column Content Here&#8230;. [\/column_grid_8]\n<strong>Note: You can also use shortcode inside the column<\/strong>\n<\/pre><\/div>\n<h4>Grid 9<\/h4>\n<style type=\"text\/css\">.code_wrapper{display:block; margin-top: 20px;} .code_wrapper strong{margin-top: 16px; display: block;}<\/style><div class=\"code_wrapper\"><h4>Shortcode:<\/h4><pre>\n[column_grid_9] &#8230;.Column Content Here&#8230;. [\/column_grid_9]\n<strong>Note: You can also use shortcode inside the column<\/strong>\n<\/pre><\/div>\n<h4>Grid 10<\/h4>\n<style type=\"text\/css\">.code_wrapper{display:block; margin-top: 20px;} .code_wrapper strong{margin-top: 16px; display: block;}<\/style><div class=\"code_wrapper\"><h4>Shortcode:<\/h4><pre>\n[column_grid_10] &#8230;.Column Content Here&#8230;. [\/column_grid_10]\n<strong>Note: You can also use shortcode inside the column<\/strong>\n<\/pre><\/div>\n<h4>Grid 11<\/h4>\n<style type=\"text\/css\">.code_wrapper{display:block; margin-top: 20px;} .code_wrapper strong{margin-top: 16px; display: block;}<\/style><div class=\"code_wrapper\"><h4>Shortcode:<\/h4><pre>\n[column_grid_11] &#8230;.Column Content Here&#8230;. [\/column_grid_11]\n<strong>Note: You can also use shortcode inside the column<\/strong>\n<\/pre><\/div>\n<h4>Grid 12<\/h4>\n<style type=\"text\/css\">.code_wrapper{display:block; margin-top: 20px;} .code_wrapper strong{margin-top: 16px; display: block;}<\/style><div class=\"code_wrapper\"><h4>Shortcode:<\/h4><pre>\n[column_grid_12] &#8230;.Column Content Here&#8230;. [\/column_grid_12]\n<strong>Note: You can also use shortcode inside the column<\/strong>\n<\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"<p>.col-md-11 .col-md-1 .col-md-10 .col-md-2 .col-md-9 .col-md-3 .col-md-8 .col-md-4 .col-md-7 .col-md-5 .col-md-6 .col-md-6 .col-md-4 .col-md-4 .col-md-4 .col-md-1 .col-md-1 .col-md-1 .col-md-1 .col-md-1 .col-md-1 .col-md-1 .col-md-1 .col-md-1 .col-md-1 .col-md-1 .col-md-1 Grid 1 Grid\u00a02 Grid 3 Grid 4 Grid 5 Grid 6 Grid 7 \u00a0Grid 8 Grid 9 Grid 10 Grid 11 Grid 12<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":4148,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"full-width-content","footnotes":""},"class_list":["post-4888","page","type-page","status-publish","entry"],"_links":{"self":[{"href":"https:\/\/iddiom.com\/es\/wp-json\/wp\/v2\/pages\/4888","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iddiom.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iddiom.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iddiom.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iddiom.com\/es\/wp-json\/wp\/v2\/comments?post=4888"}],"version-history":[{"count":0,"href":"https:\/\/iddiom.com\/es\/wp-json\/wp\/v2\/pages\/4888\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/iddiom.com\/es\/wp-json\/wp\/v2\/pages\/4148"}],"wp:attachment":[{"href":"https:\/\/iddiom.com\/es\/wp-json\/wp\/v2\/media?parent=4888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}