{"id":194,"date":"2019-02-04T15:13:38","date_gmt":"2019-02-04T15:13:38","guid":{"rendered":"https:\/\/bootstrapshuffle.com\/blog\/?p=194"},"modified":"2019-02-04T15:27:21","modified_gmt":"2019-02-04T15:27:21","slug":"we-updated-our-builder-to-support-bootstrap-4-2-1","status":"publish","type":"post","link":"https:\/\/shuffle.dev\/blog\/2019\/02\/we-updated-our-builder-to-support-bootstrap-4-2-1\/","title":{"rendered":"We updated our builder to support Bootstrap 4.2.1!"},"content":{"rendered":"\n<p class=\"mb-6 leading-loose\">Update to Bootstrap 4.2.1 is the most important change that we implemented in the editor in the last few days.<\/p>\n\n\n\n<p class=\"mb-6 leading-loose\">But I will start with another convenience, which will make your work faster! We added a possibility to search for Bootstrap variables, which will immediately direct you to the right bookmark.<\/p>\n\n\n\n<figure class=\"wp-block-image mt-8 mb-8\"><img decoding=\"async\" loading=\"lazy\" width=\"867\" height=\"336\" src=\"https:\/\/bootstrapshuffle.com\/blog\/wp-content\/uploads\/2019\/02\/search.jpg\" alt=\"\" class=\"wp-image-196\"\/><\/figure>\n\n\n\n<p class=\"mb-6 leading-loose\">Searching for a Bootstrap variable, you will straight away receive an information in what category it is, what&#8217;s the name of the label and the variable itself. You can of course click a variable, and then you will be redirected to the right bookmark.<\/p>\n\n\n\n<h3 class=\"mb-6 text-2xl font-bold\">What&#8217;s new in Bootstrap 4.2.1?<\/h3>\n\n\n\n<p class=\"mb-6 leading-loose\">In the new version, Bootstrap creators added two new types of components:<\/p>\n\n\n\n<p class=\"mb-6 leading-loose\"><strong>Spinners<\/strong> &#8211; used as indicators informing e.g. about loading of the site. All edition options made available as Bootstrap variables are of course available in the builder.<\/p>\n\n\n\n<figure class=\"wp-block-image mt-8 mb-8\"><img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"381\" src=\"https:\/\/bootstrapshuffle.com\/blog\/wp-content\/uploads\/2019\/02\/spinners.jpg\" alt=\"\" class=\"wp-image-198\"\/><\/figure>\n\n\n\n<p class=\"mb-6 leading-loose\"><strong>Toasts<\/strong> &#8211; are light messages, resembling notifications on mobile devices. In their case, you can also control the look using our builder.<\/p>\n\n\n\n<figure class=\"wp-block-image mt-8 mb-8\"><img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"205\" src=\"https:\/\/bootstrapshuffle.com\/blog\/wp-content\/uploads\/2019\/02\/toast.jpg\" alt=\"\" class=\"wp-image-200\"\/><\/figure>\n\n\n\n<p class=\"mb-6 leading-loose\">Building a theme based on Bootstrap, remember to set the styles even for the components that you are not using on your site. Thanks to that, the whole template will be consistent, even in the case of adding new components in the future!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Update to Bootstrap 4.2.1 is the most important change that we implemented in the editor in the last few days. But I will start with another convenience, which will make your work faster! We added a possibility to search for Bootstrap variables, which will immediately direct you to the right bookmark. Searching for a Bootstrap [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,2,12],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>We updated our builder to support Bootstrap 4.2.1! | Shuffle<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/shuffle.dev\/blog\/2019\/02\/we-updated-our-builder-to-support-bootstrap-4-2-1\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"We updated our builder to support Bootstrap 4.2.1! | Shuffle\" \/>\n<meta property=\"og:description\" content=\"Update to Bootstrap 4.2.1 is the most important change that we implemented in the editor in the last few days. But I will start with another convenience, which will make your work faster! We added a possibility to search for Bootstrap variables, which will immediately direct you to the right bookmark. Searching for a Bootstrap [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/shuffle.dev\/blog\/2019\/02\/we-updated-our-builder-to-support-bootstrap-4-2-1\/\" \/>\n<meta property=\"og:site_name\" content=\"Shuffle\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BootstrapShuffle\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-04T15:13:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-02-04T15:27:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bootstrapshuffle.com\/blog\/wp-content\/uploads\/2019\/02\/search.jpg\" \/>\n<meta name=\"author\" content=\"Dawid Andrzejewski\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dawid Andrzejewski\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/shuffle.dev\/blog\/2019\/02\/we-updated-our-builder-to-support-bootstrap-4-2-1\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/2019\/02\/we-updated-our-builder-to-support-bootstrap-4-2-1\/\"},\"author\":{\"name\":\"Dawid Andrzejewski\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/a2122b47f59449da5ac339f7f687f79d\"},\"headline\":\"We updated our builder to support Bootstrap 4.2.1!\",\"datePublished\":\"2019-02-04T15:13:38+00:00\",\"dateModified\":\"2019-02-04T15:27:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/2019\/02\/we-updated-our-builder-to-support-bootstrap-4-2-1\/\"},\"wordCount\":212,\"publisher\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#organization\"},\"articleSection\":[\"Bootstrap\",\"Bootstrap Shuffle\",\"Builder\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/shuffle.dev\/blog\/2019\/02\/we-updated-our-builder-to-support-bootstrap-4-2-1\/\",\"url\":\"https:\/\/shuffle.dev\/blog\/2019\/02\/we-updated-our-builder-to-support-bootstrap-4-2-1\/\",\"name\":\"We updated our builder to support Bootstrap 4.2.1! | Shuffle\",\"isPartOf\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#website\"},\"datePublished\":\"2019-02-04T15:13:38+00:00\",\"dateModified\":\"2019-02-04T15:27:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/2019\/02\/we-updated-our-builder-to-support-bootstrap-4-2-1\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/shuffle.dev\/blog\/2019\/02\/we-updated-our-builder-to-support-bootstrap-4-2-1\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/shuffle.dev\/blog\/2019\/02\/we-updated-our-builder-to-support-bootstrap-4-2-1\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/shuffle.dev\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"We updated our builder to support Bootstrap 4.2.1!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#website\",\"url\":\"https:\/\/shuffle.dev\/blog\/\",\"name\":\"Shuffle\",\"description\":\"Build Websites Faster with an AI Visual Editor\",\"publisher\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/shuffle.dev\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#organization\",\"name\":\"Shuffle\",\"url\":\"https:\/\/shuffle.dev\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/logo.jpg\",\"contentUrl\":\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/logo.jpg\",\"width\":400,\"height\":400,\"caption\":\"Shuffle\"},\"image\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/bootstrap-shuffle\/about\/\",\"https:\/\/www.facebook.com\/BootstrapShuffle\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/a2122b47f59449da5ac339f7f687f79d\",\"name\":\"Dawid Andrzejewski\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8e22e371afd6378672a3664c09fb24fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8e22e371afd6378672a3664c09fb24fa?s=96&d=mm&r=g\",\"caption\":\"Dawid Andrzejewski\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"We updated our builder to support Bootstrap 4.2.1! | Shuffle","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/shuffle.dev\/blog\/2019\/02\/we-updated-our-builder-to-support-bootstrap-4-2-1\/","og_locale":"en_US","og_type":"article","og_title":"We updated our builder to support Bootstrap 4.2.1! | Shuffle","og_description":"Update to Bootstrap 4.2.1 is the most important change that we implemented in the editor in the last few days. But I will start with another convenience, which will make your work faster! We added a possibility to search for Bootstrap variables, which will immediately direct you to the right bookmark. Searching for a Bootstrap [&hellip;]","og_url":"https:\/\/shuffle.dev\/blog\/2019\/02\/we-updated-our-builder-to-support-bootstrap-4-2-1\/","og_site_name":"Shuffle","article_publisher":"https:\/\/www.facebook.com\/BootstrapShuffle\/","article_published_time":"2019-02-04T15:13:38+00:00","article_modified_time":"2019-02-04T15:27:21+00:00","og_image":[{"url":"https:\/\/bootstrapshuffle.com\/blog\/wp-content\/uploads\/2019\/02\/search.jpg"}],"author":"Dawid Andrzejewski","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Dawid Andrzejewski","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/shuffle.dev\/blog\/2019\/02\/we-updated-our-builder-to-support-bootstrap-4-2-1\/#article","isPartOf":{"@id":"https:\/\/shuffle.dev\/blog\/2019\/02\/we-updated-our-builder-to-support-bootstrap-4-2-1\/"},"author":{"name":"Dawid Andrzejewski","@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/a2122b47f59449da5ac339f7f687f79d"},"headline":"We updated our builder to support Bootstrap 4.2.1!","datePublished":"2019-02-04T15:13:38+00:00","dateModified":"2019-02-04T15:27:21+00:00","mainEntityOfPage":{"@id":"https:\/\/shuffle.dev\/blog\/2019\/02\/we-updated-our-builder-to-support-bootstrap-4-2-1\/"},"wordCount":212,"publisher":{"@id":"https:\/\/shuffle.dev\/blog\/#organization"},"articleSection":["Bootstrap","Bootstrap Shuffle","Builder"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/shuffle.dev\/blog\/2019\/02\/we-updated-our-builder-to-support-bootstrap-4-2-1\/","url":"https:\/\/shuffle.dev\/blog\/2019\/02\/we-updated-our-builder-to-support-bootstrap-4-2-1\/","name":"We updated our builder to support Bootstrap 4.2.1! | Shuffle","isPartOf":{"@id":"https:\/\/shuffle.dev\/blog\/#website"},"datePublished":"2019-02-04T15:13:38+00:00","dateModified":"2019-02-04T15:27:21+00:00","breadcrumb":{"@id":"https:\/\/shuffle.dev\/blog\/2019\/02\/we-updated-our-builder-to-support-bootstrap-4-2-1\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/shuffle.dev\/blog\/2019\/02\/we-updated-our-builder-to-support-bootstrap-4-2-1\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/shuffle.dev\/blog\/2019\/02\/we-updated-our-builder-to-support-bootstrap-4-2-1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/shuffle.dev\/blog\/"},{"@type":"ListItem","position":2,"name":"We updated our builder to support Bootstrap 4.2.1!"}]},{"@type":"WebSite","@id":"https:\/\/shuffle.dev\/blog\/#website","url":"https:\/\/shuffle.dev\/blog\/","name":"Shuffle","description":"Build Websites Faster with an AI Visual Editor","publisher":{"@id":"https:\/\/shuffle.dev\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/shuffle.dev\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/shuffle.dev\/blog\/#organization","name":"Shuffle","url":"https:\/\/shuffle.dev\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/logo.jpg","contentUrl":"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/logo.jpg","width":400,"height":400,"caption":"Shuffle"},"image":{"@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/bootstrap-shuffle\/about\/","https:\/\/www.facebook.com\/BootstrapShuffle\/"]},{"@type":"Person","@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/a2122b47f59449da5ac339f7f687f79d","name":"Dawid Andrzejewski","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8e22e371afd6378672a3664c09fb24fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8e22e371afd6378672a3664c09fb24fa?s=96&d=mm&r=g","caption":"Dawid Andrzejewski"}}]}},"_links":{"self":[{"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts\/194"}],"collection":[{"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/comments?post=194"}],"version-history":[{"count":4,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts\/194\/revisions"}],"predecessor-version":[{"id":208,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts\/194\/revisions\/208"}],"wp:attachment":[{"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/media?parent=194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/categories?post=194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/tags?post=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}