Introduction
Bootstrap is an open-source framework built-in HTML, CSS, JavaScript or JavaScript Library for developing a responsive and mobile-friendly website. Bootstrap includes CSS and JS based design template for typography, forms, button, and navigation.
The Bootstrap mainly includes 3 files:
Bootstrap.css – A CSS framework
Bootstrap.js – A JavaScript framework
Glyphicons – A font
Bootstrap version History
Bootstrap is one of the most popular frameworks among the developer family. The 1st bootstrap version release in 2011. It’s gain a lot of temptation because it is free, opensource, CSS framework for creating highly meaningful web development application.
Bootstrap is front end development framework offers CSS and JS based design template and components for building the user interface. Bootstrap is mobile friendly and highly responsive front end development.
The 2nd version of the bootstrap release in January 2012 released with some existing and new features. The best feature of the 2nd version is Glyphicons. The 2nd version is more responsive and mobile-friendly than the 1st version.
The 3rd version release in 2013 with some minor changes to make the framework better.
The 4th version release after long intervals. The version released in 2018 with more change in the framework. Bootstrap 4 key feature is Replace LESS with SAAS, IE8, IE 9 AND IOS 6 support remove, re-written a code, etc.
Now, The time to release bootstrap 5.
Bootstrap 5 Release Date
There is no official announcement of bootstrap 5 release. But the new version probably releases at the end of 2020. For the hardcore bootstrap fan a demo version available with material design for bootstrap 5. And check out how bootstrap works without jQuery.
New feature in bootstrap 5
No more jQuery in bootstrap 5
The most essential feature of bootstrap is jQuery. It’s has been shocking bootstrap 5 is free of Jquery. bootstrap would be easy to integrate with a javascript-based framework which means it removes the largest side client dependency. This is one of the major changes in bootstrap. Although this change was sure to be out, many developers do not happy with it the reason is that jquery is one of the powerful platforms for cross-browser code.
Note: A simple jquery replaced by vanilla jquery. This will help to integrate with more js framework, But if the user still wants to use jquery they can use it.
Dropping IE10 and IE11 support
We can see that bootstrap removes Internet Explorer(IE) support day by day. Earlier in bootstrap 4 IE8, IE9 and ios 6 support removed. In the latest circulation in bootstrap 5 IE10 and IE11 support dropped.
A custom SVG icon library
In bootstrap 5 it’s disappointed with the lack of an integrated icon library in bootstrap. It’s exploring it’s own scalable vector graphics library.
It seems like changes in bootstrap5 SVG library with bootstrap 5.
- Dropping Qunit
- A large No of alteration in JS
- Development of testing infrastructure in Jasmin
- No more support for NODE.js 8
- Changes in Devdependancy
- A few changes in CSS & components like a responsive sticky top
Switching to Hugo from Jekyll
Hugo is world fastest static site generator. Whereas Jekyll is the world’s oldest static site generator and it’s dropped in bootstrap 5. We see this change similar to what they did with the 4th version. Removing powerful LESS features to SAAS.
Bootstrap column and rows
Bootstrap 5 concept offered 12- column system is also part of it. It row and column provide the most effective solution to the issue of different screen sizes. In the recent bootstrap version, the development is focused mostly on improving performance and reduce loading time.
Responsive container
Bootstrap will new sort of PF contain likes ‘.container-sm’,’.conatiner-md’ and more. The only available option is regular and container-fluid.
ESM version
Bootstrap could be used as a module with the introduction of it’s ESM version. ESM version which allows using it as module script:
<Script type=” module”>
Import {Toast} from
‘bootstrap.esm.min.js’
array from (document.querySelectAll(‘.toast’))
.foreach (toastNode=> new Toast (toastNode))
</Script>
Refreshed website
Bootstrap 5 website hosted on Github, pages with help of Jekyll. Bootstrap 5 will be hosted on netlify which provides more advanced options than Github pages. Also instead of Jekyll new version include Hugo. The website is silently refreshed.
Conclusion
Bootstrap 5 will be coming with significant modification. The most significant change is ‘No jquery’. All the features and details are not revealed till now. But we expect some of the surprise features.
Read more Article: Click Here