Bootstrap has officially released its version 5 on May 5 2021. It have new off-canvas menu component. It has removed dependence on jQuery in favour of vanilla JavaScript. If you are looking for the best CSS framework to develop websites and apps, then Bootstrap 5 is the best option for you. Let’s discuss what’s new features Bootstrap 5 have.

jQuery Support

Bootstrap 5 has jQuery support with it. It has smaller source files and higher page load times. With this style, Bootstrap gained a more future-friendly style. As Google is now considering page load times for mobile sites as a ranking factor. Bootstrap 5 also allows you to use jquery if you want to do that. All JavaScript plugins are available within it.

CSS Custom Properties

Bootstrap 5 also supports custom CSS properties that IE does not. Customization of properties makes CSS more flexible and programmable. The CSS variables including root variables and components are also helpful to prevent conflict with third party CSS.

Improved Gried System

Bootstrap 5 has come with the bulk of the grid system. The major changes are the gutter class (.gutter) has been replaced to a utility (.g*), vertical spacing classes have also been included, and Columns are no longer defaulted to position: relative.

Come with Improved Documentation

Bootstrap 5 now has a new look and feel with better customization. Users can customize their themes with more flexibility. The v4 theming page has been expanded with more content and code snippets for building on top of Sass files. In the latest version, the colour palette has also been expanded. Designers can easily style their colouring without leaving their codebase.

Improved Form Controls

The latest Bootstrap version has improved its form controls and input groups, and more. In this, all the radio buttons, checkboxes, files, ranges and more have the same look and behaviour across different browsers. Unnecessary colourful markup is no longer part of it. It focuses on the standard and logical design features.

Bootstrap 5 Adds Utilities API

Bootstrap 5 is now adding a utility library as well as new CSS libraries like Tailwind CSS. Because utilities are gaining momentum in the development community, the bootstrap team had provision for utilities.

Upgraded Bootstrap Icon Library

Bootstrap V5 has upgraded its bootstrap icon. It boasts its open-source SVG icon library with over 1,300 icons. New features of Bootstrap 5 have make it more useful tool.