Bootstrap has been worked for more than 8 years and it is the most popular CSS Framework and widely used open-source framework for developing with HTML, CSS, and JS. It used by roughly 19 million websites worldwide and these numbers are still growing.
Bootstrap was created in mid-2010 by mdo and fat at Twitter. After 2 years, the team introduced v2(version 2.0) that included responsive functionality to the entire framework as an optional stylesheet. With the additional library that makes it more responsive by default with a mobile-first approach the version 3.0 released. To make it more and more efficient and productive the Bootstrap team took 5 years to release version4.0. And now, the latest version is v5 (version 5.0.0).
Bootstrap 5 Release date
The version 5.0.0-alpha1 is already out (25/06/2020) and the version 5.0.0-alpha2 is coming soon. The version is not stable completely, yet. Might be, the stable version of alpha will be released by the end of this year.
In version 5.0.0, the logo and favicon are changed.
What’s new in alpha 5?
- Removing jQuery
- Major JavaScript updates
- Dropping support for IE 10 & 11
- A Custom SVG icon library
- Switching to Hugo from Jekyll
- Minor CSS and class updates and fixes
Removing jQuery
There is no surprise that nowadays React.js, Angular.js, Vue.js are taking the industry and being used by a huge amount of developers across the world. Many of the jQuery’s features can be done by vanilla JavaScript.
On the
official site, they said that –
“The team had opened a pull request in 2017 aiming to remove JQuery entirely from bootstrap versions, and it is now completed and replaced entirely with vanilla JavaScript. Nevertheless, developers will still be able to use bootstrap 5 with or without jQuery.”
Considerably,
by removing the jQuery will lighten the project size.
Dropping support for IE 10 & 11
As we all
know that there very few percentages of devices using Internet Explorer
nowadays. Bootstrap dropping the support for both versions of Internet Explorer
10 and 11 due to less than 5% of global browser usage.
New SVG sprite
SVG stands for Scalable Vector Graphics. It defines vector-based graphics in XML format. SVG used to create icons in a resolution-independent file format.
SVG sprites used to load a single asset and reference fragments of it across your project without inserting the entire HTML for the SVG.
<svg width="32" height="32" class="bi" fill="currentColor">
<use xlink:href="bootstrap-icons.svg#heart-fill"/></svg>
<svg width="32" height="32" class="bi" fill="currentColor">
<use xlink:href="bootstrap-icons.svg#hand-thumbs-up"/></svg>
<svg width="32" height="32" class="bi" fill="currentColor">
<use xlink:href="bootstrap-icons.svg#lock-fill"/></svg>
By adding 300+ new glyphs in this version, now bootstrap has 1000+ icons.
- All calendar icons removed
- Added ranges and events icons
- Added suite of new phone icons
- Added new devices and hardware icons
- Added Dozens of badges
- And many more
See the new look of Bootstrap v5.0.0-alpha1.
If you really like this💯, then follow🌈 me by Clicking Follow💥 button next to comment section.🤩🥰
Stay Connect with me 😃
Thank you 💙😇