Bootstrap 5 the most popular open source front-end framework in the world
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.
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.
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.
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.