Now Reading
Bootstrap 5 the most popular open source front-end framework in the world

Bootstrap 5 the most popular open source front-end framework in the world

by FileCriticFebruary 10, 2020

Bootstrap is arguably the finest front-end web development framework ever created. It’s emphasis on crafting responsive mobile websites is just unparallelled. However, the current version of Bootstrap — Bootstrap 4 — has been around the block since 2014. While it’s been quite an experience using Bootstrap 4 in general, it’s high time for an update. And thankfully, it does seem as if Bootstrap 5 really is in the works. While it was just a rumor for a while, the good folks at GetBootstrap really has confirmed its development. The only catch is that we don’t really know how long it’s going to take for the eventual launch. But don’t let that stop you from checking out the additions and changes in Bootstrap 5.

Removing jQuery

jQuery has been around the block for a really long time — it was originally released in 2006 to be exact. And there’s a reason — it makes event handling, DOM tree traversal, and CSS animations a breeze. But there are other flavors of JavaScript that has significantly improved over jQuery in terms of convenience and versatility — Vue.js and React.js come to mind. And rightly so, Bootstrap 5 is supposed to drop client-side dependency for jQuery. While this is going to be a tough sell on those of you who are really invested in jQuery, you are going to have ample time to switch over to an alternative JavaScript flavor. This a probably the most significant change in Bootstrap 5, but things have to change and evolve.

Deprecated Support for IE10

Internet Explorer 10 is a dinosaur and a security nightmare, and no site should be ever developed for it. And Bootstrap 5 is set to completely drop support for this outdated web browser. So if there’s the off chance that you’ve developed any sites for Internet Explorer 10, it’s about time to notify your visitors to switch to a newer browser before Bootstrap 5 hits the table. But obviously, that will take some time, so you don’t have to worry about making a switchover happen overnight. Browsers such as Internet Explorer 11 (also now outdated) and the legacy version of Microsoft Edge is still supported, so it’s not like your visitors won’t have alternatives to migrate to. That said, a good call from the Bootstrap team to ditch IE 10 altogether.

Switching from Jekyll to Hugo

Let’s be honest — Jekyll may be the static site generator of yore, but it’s quite outdated. Which is why Bootstrap 5 is going to do a complete switchover to Hugo. If you didn’t already know, Hugo is darn efficient at creating static sites — but that’s not all. You also gain access to a number of other benefits due to this switchover. For starters, compilation timeframes are extremely fast and free of dependencies. There’s robust support for theming and content modelling. And there’s an incredible library of documentation that you can tap into whenever you run into a hitch. Not just that, but the Hugo community is quite diverse and you will have all the help that you will ever need.

Responsive Containers

In the current version of Bootstrap (Bootstrap 4), you can use either a regular container or a container-fluid while creating web elements. While these were more than enough to craft top-notch sites, Bootstrap 5 will have something even better on the table — responsive containers. These containers will run full-width and you have total control over all breakpoints. And with the various screen sizes that you need to fit you site onto, these responsive containers should work wonders by cutting on time spent fine-tuning web elements to respond on various devices. Once again, Bootstrap 4 is quite adept at this, but Bootstrap 5’s responsive containers are going to be revolutionary.

Other Changes

There will be a host of other changes in Bootstrap 5 that you should really keep an eye open toward. Just like jQuery, the framework is set to drop support for QUnit. And it’s about time since the testing toolkit is quite dated. Instead, Bootstrap 5 will embrace Jasmine, which is quite versatile when it comes to testing JavaScript. Additionally, there will be major revisions to JavaScript and CSS, with a primary emphasis on responsiveness. With the total domination of mobile browsers and apps over desktops, this is a welcome move by Bootstrap 5. A fully scalable vector graphics library is also supposed to be in the works, which should be great news for any web developer.

Time to Wait

Bootstrap 4 took a few years to launch since the time it was announced, and there’s little reason to doubt that Bootstrap 5 will follow a similar release schedule. But perhaps that’s a good thing. Although the new release has taken rightful steps to drop support for certain key elements (notably jQuery and Jekyll), that is not going to sit well with the development community at large. Hence, preparing for such significant changes will take time, and a delayed Bootstrap 5 release should give you plenty of time to adjust for that. Regardless, just knowing that Bootstrap 5 is in then works paves the way for an exciting time for the front-end web development community.

Click Here for more information and to stay updated