{"id":5259,"date":"2021-11-12T04:28:12","date_gmt":"2021-11-12T04:28:12","guid":{"rendered":"https:\/\/studysection.com\/blog\/?p=5259"},"modified":"2021-11-12T04:53:47","modified_gmt":"2021-11-12T04:53:47","slug":"bootstrap-5-new-features","status":"publish","type":"post","link":"https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/","title":{"rendered":"Bootstrap 5 New Features"},"content":{"rendered":"<h2>Bootstrap:<\/h2>\n<p>For developing responsive and mobile-friendly web applications Bootstrap is the most popular framework that is available for free to use in our applications.<\/p>\n<h3>New features including the Bootstrap 5:<\/h3>\n<ol>\n<li><strong>jQuery support:<\/strong> New Bootstrap will no longer use <a href=\"https:\/\/studysection.com\/blog\/basics-of-jquery\/\">jQuery<\/a>, but it can still be used. Also, they have instead improved the JavaScript libraries.<\/li>\n<li><strong>CSS Custom Properties:<\/strong> Custom CSS properties and variables can be used that make CSS more flexible and programmable. CSS variables are prefixed with -bs to prevent conflicts with other libraries.<br \/>\nType of variables used:<\/p>\n<ul>\n<li><strong>root<\/strong> &#8211; which can be accessed whenever CSS is being loaded.<\/li>\n<li><strong>components variables<\/strong>&#8211; these variables are used as local variables in particular components.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Enhanced Grid system:<\/strong> Changes in the Grid system are:\n<ul>\n<li>The gutter class (.gutter) has been replaced with a utility (.g*) much like the margin and padding.<\/li>\n<li>Vertical spacing classes have also been included in this version.<\/li>\n<li>The position: relative CSS no longer defaults in the columns.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Enhanced Form Controls:<\/strong> The older versions of Bootstrap was using custom form controls in addition to the defaults provided by each browser. But in the new one, these are all now customized. All the radio buttons, checkboxes, files, ranges, and more give them the same look and behavior across different browsers. The new form controls no longer contain unnecessary colorful markup, but instead focus on the standard and logical design features.<\/li>\n<li><strong>New Icon library:<\/strong> Bootstrap 5 now has its own open-source SVG icon library with 1300+ icons. The SVG images can be quickly scaled and implemented in many ways and styled with CSS.<\/li>\n<li><strong>Introduces Utilities API:<\/strong> Bootstrap has added a ton of new utilities, including:\n<ul>\n<li>Added positioning utilities: top, right, bottom, and left with 0, 50%, and 100% values.<\/li>\n<li>Added .d-grid option, along with new gap utilities for easy grid layouts.<\/li>\n<li>Added .fs utilities for font-size.<\/li>\n<li>Renamed font-weight utilities to .fw.<\/li>\n<li>Added .rounded-1, .rounded-2, and .rounded-3 for new small, medium, and large border-radius utilities.<\/li>\n<li>Added .overflow-visible and .overflow-scroll utilities.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p><small><em>StudySection provides a Windows 10 certification exam to help those with skills in Microsoft Windows 10 operating system. This exam is available for two different levels namely \u201cFoundation\u201d and \u201cAdvanced\u201d. This <a href=\"https:\/\/www.studysection.com\/windows-10-advanced\">Windows 10 Certification Exam<\/a> can help you land in a good job position when attached to your resume.<\/em><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bootstrap: For developing responsive and mobile-friendly web applications Bootstrap is the most popular framework that is available for free to<\/p>\n","protected":false},"author":1,"featured_media":5260,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[733,161],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Bootstrap 5 New Features - StudySection Blog<\/title>\n<meta name=\"description\" content=\"For developing responsive and mobile-friendly web applications Bootstrap 5 is the most popular framework that is available for free.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bootstrap 5 New Features - StudySection Blog\" \/>\n<meta property=\"og:description\" content=\"For developing responsive and mobile-friendly web applications Bootstrap 5 is the most popular framework that is available for free.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Posts on famous people, innovations and educational topics\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/studysection\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-12T04:28:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-12T04:53:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/11\/Bootstrap-5.png\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin-studysection-blog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@studysection\" \/>\n<meta name=\"twitter:site\" content=\"@studysection\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin-studysection-blog\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/\"},\"author\":{\"name\":\"admin-studysection-blog\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402\"},\"headline\":\"Bootstrap 5 New Features\",\"datePublished\":\"2021-11-12T04:28:12+00:00\",\"dateModified\":\"2021-11-12T04:53:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/\"},\"wordCount\":368,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/studysection.com\/blog\/#organization\"},\"keywords\":[\"Bootstrap 5\",\"features\"],\"articleSection\":[\"Learn and Grow\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/\",\"url\":\"https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/\",\"name\":\"Bootstrap 5 New Features - StudySection Blog\",\"isPartOf\":{\"@id\":\"https:\/\/studysection.com\/blog\/#website\"},\"datePublished\":\"2021-11-12T04:28:12+00:00\",\"dateModified\":\"2021-11-12T04:53:47+00:00\",\"description\":\"For developing responsive and mobile-friendly web applications Bootstrap 5 is the most popular framework that is available for free.\",\"breadcrumb\":{\"@id\":\"https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/studysection.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bootstrap 5 New Features\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/studysection.com\/blog\/#website\",\"url\":\"https:\/\/studysection.com\/blog\/\",\"name\":\"Blog Posts on famous people, innovations and educational topics\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/studysection.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/studysection.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/studysection.com\/blog\/#organization\",\"name\":\"StudySection\",\"url\":\"https:\/\/studysection.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png\",\"contentUrl\":\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png\",\"width\":920,\"height\":440,\"caption\":\"StudySection\"},\"image\":{\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/studysection\",\"https:\/\/twitter.com\/studysection\",\"https:\/\/www.instagram.com\/study.section\/\",\"https:\/\/www.linkedin.com\/company\/studysection\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402\",\"name\":\"admin-studysection-blog\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g\",\"caption\":\"admin-studysection-blog\"},\"url\":\"https:\/\/studysection.com\/blog\/author\/admin-studysection-blog\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bootstrap 5 New Features - StudySection Blog","description":"For developing responsive and mobile-friendly web applications Bootstrap 5 is the most popular framework that is available for free.","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:\/\/studysection.com\/blog\/bootstrap-5-new-features\/","og_locale":"en_US","og_type":"article","og_title":"Bootstrap 5 New Features - StudySection Blog","og_description":"For developing responsive and mobile-friendly web applications Bootstrap 5 is the most popular framework that is available for free.","og_url":"https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/","og_site_name":"Blog Posts on famous people, innovations and educational topics","article_publisher":"https:\/\/www.facebook.com\/studysection","article_published_time":"2021-11-12T04:28:12+00:00","article_modified_time":"2021-11-12T04:53:47+00:00","og_image":[{"width":300,"height":200,"url":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/11\/Bootstrap-5.png","type":"image\/png"}],"author":"admin-studysection-blog","twitter_card":"summary_large_image","twitter_creator":"@studysection","twitter_site":"@studysection","twitter_misc":{"Written by":"admin-studysection-blog","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/#article","isPartOf":{"@id":"https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/"},"author":{"name":"admin-studysection-blog","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402"},"headline":"Bootstrap 5 New Features","datePublished":"2021-11-12T04:28:12+00:00","dateModified":"2021-11-12T04:53:47+00:00","mainEntityOfPage":{"@id":"https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/"},"wordCount":368,"commentCount":0,"publisher":{"@id":"https:\/\/studysection.com\/blog\/#organization"},"keywords":["Bootstrap 5","features"],"articleSection":["Learn and Grow"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/","url":"https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/","name":"Bootstrap 5 New Features - StudySection Blog","isPartOf":{"@id":"https:\/\/studysection.com\/blog\/#website"},"datePublished":"2021-11-12T04:28:12+00:00","dateModified":"2021-11-12T04:53:47+00:00","description":"For developing responsive and mobile-friendly web applications Bootstrap 5 is the most popular framework that is available for free.","breadcrumb":{"@id":"https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/studysection.com\/blog\/bootstrap-5-new-features\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/studysection.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Bootstrap 5 New Features"}]},{"@type":"WebSite","@id":"https:\/\/studysection.com\/blog\/#website","url":"https:\/\/studysection.com\/blog\/","name":"Blog Posts on famous people, innovations and educational topics","description":"","publisher":{"@id":"https:\/\/studysection.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studysection.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/studysection.com\/blog\/#organization","name":"StudySection","url":"https:\/\/studysection.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png","contentUrl":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png","width":920,"height":440,"caption":"StudySection"},"image":{"@id":"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/studysection","https:\/\/twitter.com\/studysection","https:\/\/www.instagram.com\/study.section\/","https:\/\/www.linkedin.com\/company\/studysection"]},{"@type":"Person","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402","name":"admin-studysection-blog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g","caption":"admin-studysection-blog"},"url":"https:\/\/studysection.com\/blog\/author\/admin-studysection-blog\/"}]}},"views":361,"_links":{"self":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/5259"}],"collection":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/comments?post=5259"}],"version-history":[{"count":4,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/5259\/revisions"}],"predecessor-version":[{"id":5265,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/5259\/revisions\/5265"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/media\/5260"}],"wp:attachment":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/media?parent=5259"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/categories?post=5259"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/tags?post=5259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}