Bootstrap 5 - what's new?

Bootstrap 5- innovations

Bootstrap is one of the most popular HTML / CSS frameworks in the world, created by the Twitter team. Developers often use this CSS, as it allows you to easily create adaptive websites, as well as use beautiful styles and components. Most recently, a version of Bootstrap 5 was released, which has some differences from the 4th. Bootstrap 5 had several alpha and beta versions. As a result, after correcting all the shortcomings, serious changes were made to the latest version of Bootstrap.

Improved appearance and new sensations

Some changes have been made to the look of the web resource and logo. Now the content has a fixed width and is much easier to perceive. The updated logo looks interesting, many developers liked it. This logo, according to the creator, embodies a sense of style set of rules.

Cancel jQuery

One of the innovations in the latest version is the abandonment of jQuery in favor of JavaScript. Of course, the jQuery library is used by many sites to this day. Thanks to the constant development of JavaScript and browser support, we are no longer dependent on jQuery in our projects. Note that projects created with Bootstrap 5 have lighter files and faster page loading.

Of course, you can still use jQuery. If Bootstrap detects jQuery, it will immediately add the necessary components to the plugin system.

CSS variables (custom CSS properties)

Due to the fact that the developers abandoned the Internet Explorer browser, in v.5 CSS variables began to be used more widely. Bootstrap 5 adds breakpoints and some more components.

Improved grid system

Version 5 retains most of the grid system. The developers did not update it completely, as in the past there were difficulties in the transition from v.3 to v.4. In addition, the .g- * class has been added, allowing you to specify the required indents between cells.

Changes in documentation

The documentation has become easy to navigate and obtain the necessary information. It is worth noting that the "Customize" section has been added. In it you can learn how to create your own themes and expand Bootstrap for personal requests.

The latest version has an advanced setup. Therefore, it will be difficult to determine which sites use Bootstrap 5. Work has been done to improve color contrast. The color palette has also been supplemented, it is now much easier to use.

Form management

Form controls, input groups, and other components have been improved. In v5 a separate section of documentation - Forms in which all styles of forms were united was created.

API utility

Now in the new version you can create your own utilities or modify existing ones. Their main task is to speed up the work. Some utilities can be found in a separate section. According to the developers, this was done to improve documentation and better organize the workflow.

Icon library

One of the best innovations of Bootstrap is the addition of an open library of svg icons. In it you can find more quality 1300 items for any request. Icons can be modified at will. Finding the right icon by searching is easy, the search quickly returns results.

What is the conclusion?

Bootstrap still remains in the trend of popular HTML / CSS frameworks. Every web developer has used Bootstrap at least once in their work. With Bootstrap 5 add-ons, developing adaptive websites will be even easier and simpler. If you use Bootstrap 4, you can safely switch to Bootstrap 5. Most likely you will not need to make many changes.