{"id":964,"date":"2023-05-01T21:31:26","date_gmt":"2023-05-01T13:31:26","guid":{"rendered":"https:\/\/tomstudio.my.to\/?p=964"},"modified":"2023-05-01T21:48:47","modified_gmt":"2023-05-01T13:48:47","slug":"bootstrap-css-grid","status":"publish","type":"post","link":"https:\/\/tomstudio.my.to\/?p=964","title":{"rendered":"Bootstrap CSS Grid"},"content":{"rendered":"\n<pre class=\"wp-block-code\"><code>  &lt;div class=\"card g-col-12 g-col-sm-6  g-col-md-4 g-col-lg-3\">\r\n    &lt;h5 class=\"card-header\">Featured&lt;\/h5>\r\n    &lt;div class=\"card-body\">\r\n      &lt;h5 class=\"card-title\">Special title treatment&lt;\/h5>\r\n      &lt;p class=\"card-text\">With supporting text below as a natural lead-in to additional content.&lt;\/p>\r\n      &lt;a href=\"#\" class=\"btn btn-primary\">Go somewhere&lt;\/a>\r\n    &lt;\/div>\r\n  &lt;\/div><\/code><\/pre>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0-alpha3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n<link href=\"https:\/\/getbootstrap.com\/docs\/5.3\/assets\/css\/docs.css\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0-alpha3\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\n\n\n\n    \n<div class=\"grid\">\n\n  <div class=\"card g-col-12 g-col-sm-6  g-col-md-4 g-col-lg-3\">\n    <h5 class=\"card-header\">Featured<\/h5>\n    <div class=\"card-body\">\n      <h5 class=\"card-title\">Special title treatment<\/h5>\n      <p class=\"card-text\">With supporting text below as a natural lead-in to additional content.<\/p>\n      <a href=\"#\" class=\"btn btn-primary\">Go somewhere<\/a>\n    <\/div>\n  <\/div>\n  \n  <div class=\"card g-col-12 g-col-sm-6  g-col-md-4 g-col-lg-3\">\n    <h5 class=\"card-header\">Featured<\/h5>\n    <div class=\"card-body\">\n      <h5 class=\"card-title\">Special title treatment<\/h5>\n      <p class=\"card-text\">With supporting text below as a natural lead-in to additional content.<\/p>\n      <a href=\"#\" class=\"btn btn-primary\">Go somewhere<\/a>\n    <\/div>\n  <\/div>\n  \n  <div class=\"card g-col-12 g-col-sm-6  g-col-md-4 g-col-lg-3\">\n    <h5 class=\"card-header\">Featured<\/h5>\n    <div class=\"card-body\">\n      <h5 class=\"card-title\">Special title treatment<\/h5>\n      <p class=\"card-text\">With supporting text below as a natural lead-in to additional content.<\/p>\n      <a href=\"#\" class=\"btn btn-primary\">Go somewhere<\/a>\n    <\/div>\n  <\/div>\n  \n  <div class=\"card g-col-12 g-col-sm-6  g-col-md-4 g-col-lg-3\">\n    <h5 class=\"card-header\">Featured<\/h5>\n    <div class=\"card-body\">\n      <h5 class=\"card-title\">Special title treatment<\/h5>\n      <p class=\"card-text\">With supporting text below as a natural lead-in to additional content.<\/p>\n      <a href=\"#\" class=\"btn btn-primary\">Go somewhere<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"card g-col-12 g-col-sm-6  g-col-md-4 g-col-lg-3\">\n    <h5 class=\"card-header\">Featured<\/h5>\n    <div class=\"card-body\">\n      <h5 class=\"card-title\">Special title treatment<\/h5>\n      <p class=\"card-text\">With supporting text below as a natural lead-in to additional content.<\/p>\n      <a href=\"#\" class=\"btn btn-primary\">Go somewhere<\/a>\n    <\/div>\n  <\/div>\n  \n  <div class=\"card g-col-12 g-col-sm-6  g-col-md-4 g-col-lg-3\">\n    <h5 class=\"card-header\">Featured<\/h5>\n    <div class=\"card-body\">\n      <h5 class=\"card-title\">Special title treatment<\/h5>\n      <p class=\"card-text\">With supporting text below as a natural lead-in to additional content.<\/p>\n      <a href=\"#\" class=\"btn btn-primary\">Go somewhere<\/a>\n    <\/div>\n  <\/div>\n  \n  <div class=\"card g-col-12 g-col-sm-6  g-col-md-4 g-col-lg-3\">\n    <h5 class=\"card-header\">Featured<\/h5>\n    <div class=\"card-body\">\n      <h5 class=\"card-title\">Special title treatment<\/h5>\n      <p class=\"card-text\">With supporting text below as a natural lead-in to additional content.<\/p>\n      <a href=\"#\" class=\"btn btn-primary\">Go somewhere<\/a>\n    <\/div>\n  <\/div>\n  \n  <div class=\"card g-col-12 g-col-sm-6  g-col-md-4 g-col-lg-3\">\n    <h5 class=\"card-header\">Featured<\/h5>\n    <div class=\"card-body\">\n      <h5 class=\"card-title\">Special title treatment<\/h5>\n      <p class=\"card-text\">With supporting text below as a natural lead-in to additional content.<\/p>\n      <a href=\"#\" class=\"btn btn-primary\">Go somewhere<\/a>\n    <\/div>\n  <\/div>\n  \n  <div class=\"card g-col-12 g-col-sm-6  g-col-md-4 g-col-lg-3\">\n    <h5 class=\"card-header\">Featured<\/h5>\n    <div class=\"card-body\">\n      <h5 class=\"card-title\">Special title treatment<\/h5>\n      <p class=\"card-text\">With supporting text below as a natural lead-in to additional content.<\/p>\n      <a href=\"#\" class=\"btn btn-primary\">Go somewhere<\/a>\n    <\/div>\n  <\/div>\n    \n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Featured Special title treatment With supporting text b &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/tomstudio.my.to\/?p=964\"> <span class=\"screen-reader-text\">Bootstrap CSS Grid<\/span> \u95b1\u8b80\u5168\u6587 &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"categories":[13],"tags":[],"class_list":["post-964","post","type-post","status-publish","format-standard","hentry","category-css"],"_links":{"self":[{"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=\/wp\/v2\/posts\/964","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=964"}],"version-history":[{"count":8,"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=\/wp\/v2\/posts\/964\/revisions"}],"predecessor-version":[{"id":976,"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=\/wp\/v2\/posts\/964\/revisions\/976"}],"wp:attachment":[{"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=964"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=964"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}