Earlier this year, the Bootstrap team announced version 4 of its tool. As a reminder, Bootstrap is an open-source “toolbox” for developing applications in HTML, CSS and JavaScript. Version 4 brings improvements over version 3, and that is what we are going to look at in this article.
What’s new?
One innovation particularly caught the attention of the Numendo editorial team: Flexbox. The idea is to do away with the old 12-column grid system that had to be configured manually. With Flexbox, we are talking about a dynamic grid system that automatically adapts to the size of your screen, which makes your application responsive instantly.
Another new feature in Bootstrap 4 is the arrival of Sass: an advanced form of CSS that is simpler to use and, above all, far more complete in terms of functionality. This language replaces LESS CSS, which was built into version 3 of Bootstrap.
One last detail that is by no means the least important: Bootstrap has finally moved to rem, a technique that lets you define a single root font size and then size the rest of your interface relative to it.
One final small addition: Bootstrap has opened a store offering themes dedicated to the framework. To get hold of one, you will need to spend between $49 and $99. You can visit the Bootstrap theme store by clicking here.
A corrected version 4.1.2
A few months after Bootstrap 4 was released, developer communities reported several bugs in it. Six months later, the framework team responded by releasing a 4.1.x version including, for example:
- An improvement in the way Bootstrap queries JavaScript plugins
- A fix for an XSS vulnerability in the tooltip, collapse and scrollspy plugins
- Several improvements to the build tool and greater precision in the documentation
Did you enjoy this article? Are you interested in web development, and frameworks in particular? Then follow our blog — we post two articles a week on these same topics.
