Strapping our boots on for Bootstrap 5
Late to the party but bootstrap 5 is here !!
The latest version of Bootstraps version is available here, the only other way to install Bootstrap is via the npm install.
npm install bootstrapgem install bootstrap -v 5.0.2
Bootstrap used jQuery behind the scenes until Bootstrap version 4, that means that for more than 8 years jQuery was there along for the ride. jQuery has become popular at this point, its a large and bloated framework , that requires sites using it to download and add trivial load time for a library that is only needed for Bootstrap alone. However from version 5 onwards it has been completely removed. With all the new modern frameworks working through the virtual Dom and no on the DOM directly which lead to faster performance its popularity has plummeted Although this change doesn’t affect the end-user, it still is a major change.
New Logo and Icons
Another huge change to Bootstrap version 5 is the introduction of a redesigned logo as well as several new icons which avoid the usage of an additional library. The doc design has been updated and they invested in adding more utilities to Bootstrap along with a new method of managing them across projects. In their own words, “it’s the Bootstrap we know and love, just slightly refined.”
Bootstrap version 5 also includes a new breakpoint. If your’e unfamiliar with what a breakpoint is, breakpoints are customizable widths determining how your responsive layout behaves across device and viewport sizes. XXL is our newest breakpoint and if you didn't catch it it stand for extra extra large. It’ll cover new dimensions of ≥1400px.
CSS Custom Properties
In previous versions, CSS custom properties were only included in a limited set of root variables for colors and fonts. But on Bootstrap 5, they are available in components and layout options as well.
.card accordion component has been replaced with a new
Bootstrap has now consolidated all their forms styles into a new Forms section (including the input group component) to give them the emphasis they deserve.
- Floating Labels
- Customizable appearance for checkbox
- New file input
Quickly design and customize responsive mobile-first sites with Bootstrap, the world's most popular front-end open…
Sleek, intuitive, and powerful front-end framework for faster and easier web development. Explore Bootstrap docs "…