Bootstrap 5 Alpha 3 version has been released, this version has a lot of updates to components, utilities, documents, forms, JavaScript, etc. Officially, this is a larger Alpha version and is ready for the first Beta version.
Components
- New accordion: Deleted the accordion based on .card, replaced it with a brand new .accordion component, and solved several bugs in the process. The new accordion still uses the llapse JavaScript plugin, but supports it through custom HTML and CSS. The new accordion includes the Bootstrap icon.
- New block buttons: Block buttons are no longer available in v5. The development team deleted the .btn-block class for .d-grid and .gap-* utilities. This can achieve the same behavior and style, but can better control spacing, alignment and even responsive layout options.
Documentation improvements
- Added keyboard shortcuts
- Rewrite the document sidebar
- Renamed the "Navigation" page to "Navigation and Tabs"
Sass changes
- When LibSass was abandoned, Dart Sass was used instead.
- The color system used with color-level() and $theme-color-interval has been removed and replaced by a new color system. All lighten() and darken() functions in the code base have been replaced by tint-color() and shade-color(). These functions will mix the color with white or black instead of changing its brightness by a fixed amount. scal-color() will color or shade the color according to whether the weight parameter of the color is positive or negative.
- Added a Sass variable to the CSS custom property prefix.
JS
- Simplified the position of the drop-down menu
- Removed redundant polyfill
- Fix the carousel data-interval bug by checking the data-interval on the first slide
- Removed Manipulator.toggleClass to simplify some code
Utilities
In the first Beta version, the development team overhauled the API documentation to provide clearer examples and information about adding, modifying, deleting, and expanding default utilities.
In addition, some new default utilities have been added:
- Added .d-grid to display: grid
- Added .fs utilities for font-size
- Rename font-weight utilities to .fw
- Added .rounded-1, .rounded-2 and .rounded-3 three new small, medium and large boundary radius utilities.
- The .overflow-visible and .overflow-scroll utilities have been added.
Forms
Added floating label (as a complete form layout option) and new file input.
Beta 1 version coming soon
Some of the changes included in this version are:
- RTL is coming soon. The development team is reviewing the PR and hope that it can land in Beta 1.
- Update to Popper.js v2.
- Data attributes of the namespace.
- Updated the utility API with pseudo-classes support through the state option.
For more details, please check the official blog: https://blog.getbootstrap.com/2020/11/11/bootstrap-5-alpha-3/