Bootstrap 5.1.0 has been released. Bootstrap is a popular framework to create responsive websites.
Bootstrap 5.1.0
The first minor release of Bootstrap 5 is here! v5.1.0 has arrived and is packed with exciting new features and improvements. There’s experimental support for CSS Grid, offcanvas in the navbar, a new placeholders component, horizontal collapse support, new helpers, new CSS variables in our utilities, refactored JavaScript, and more.
Highlights
- Added experimental, opt-in CSS Grid support
- Added support for responsive offcanvas components in navbars
- Added new placeholders component for skeleton loading screens
- Added support for horizontal collapsing in the collapse component
- Added new stack and vertical rule helpers
- Added tons of new CSS variables for body styles, colors, RGB colors, and more
- Updated .bg-* and .text-* utilities to use CSS variables and new RGB CSS variables for real-time customization
- Added four new component examples for dropdowns, footers, list groups, and modals
- Updated modal and offcanvas backdrops to make them unique to each component
- Reverted ability for .col-* classes to override .row-cols-* classes for now until we can fix some critical bugs
Features
- #31813: Add optional CSS grid
- #31859: Add a "skeletons" component
- #32319: Add maps for all colors, document how to extend color utilities
- #33403: modal: change data-dismiss so that it can be outside of a modal using bs-target
- #33781: Add utility classes for opacity
- #33986: New helpers: .hstack, .vstack, and .vr
- #34253: Add horizontal collapse support
- #34273: Offcanvas navbar
- #34333: Accept argument of different types in the getInstance method
CSS
- #31813: Add optional CSS grid
- #32319: Add maps for all colors, document how to extend color utilities
- #33781: Add utility classes for opacity
- #33986: New helpers: .hstack, .vstack, and .vr
- #34100: Updated utility API (css-vars utils and new bg/color utils), plus new root CSS variables
- #34253: Add horizontal collapse support
- #34273: Offcanvas navbar
- #34432: More concise improvements for add() and subtract()
- #34440: Add null $card-box-shadow variable
- #34445: fix(forms): prevent color control from shrinking
- #34475: Make text decoration consistent with other anchors
- #34481: Make the $accordion-icon-color default value consistent with the $accordion-button-color
- #34572: Clean up a couple CSS Grid issues
- #34612: Revert "Allow individual grid classes to override .row-cols"
- #34651: Update $input-bg to use $body-bg
JavaScript
- #33402: Changes to Alert component to match the others
- #33403: modal: change data-dismiss so that it can be outside of a modal using bs-target
- #33603: Fix Manipulator.offset()
- #33610: Toasts: Change showing timings and classes to keep toast display:none by default
- #33865: Add shift-tab keyboard support for dialogs (modal & Offcanvas components)
- #33866: Add dynamic, live alerts example to docs
- #34170: Use a streamlined way to trigger component dismiss
- #34205: Cleanup tooltip & popover components
- #34207: Make proper use of the SelectorEngine in ScrollSpy
- #34215: Use the switch statement instead of if
- #34220: Do a major cleanup in Collapse.js
- #34333: Accept argument of different types in the getInstance method
- #34441: util.js: remove Selector.findOne() dependency
- #34458: Dropdown cleanups
- #34543: Fix Util.reflow function and add documentation
- #34619: tooltip: move repeated strings to constants
- #34620: Enable a few eslint-config-xo rules
- #34628: Regression on tooltip template creation process.
Docs
- #32319: Add maps for all colors, document how to extend color utilities
- #33866: Add dynamic, live alerts example to docs
- #34100: Updated utility API (css-vars utils and new bg/color utils), plus new root CSS variables
- #34406: Fix site params variable on themes section
- #34472: Added new Offcanvas file to import example
- #34517: Update nav-tab.md
- #34526: Add: Github Octicons to the list
- #34557: docs: minor image compression improvements
- #34573: Update the custom Sass import docs
- #34574: Document change to hr in v5
- #34577: Make note of _root.scss being required
- #34578: Rename Build Tools page to Contribute
- #34605: Collapse page: add a link to the accordion page
- #34637: Improved docs describing media-breakpoint-down breakpoints
Examples
- #33882: Add four new snippet examples
- #34273: Offcanvas navbar
- #34336: Remove unneeded .text-white-50 CSS rule from Offcanvas Example
Accessibility
- #33865: Add shift-tab keyboard support for dialogs (modal & Offcanvas components)
Utility API
- #34100: Updated utility API (css-vars utils and new bg/color utils), plus new root CSS variables
Misc
- #32907: npm scripts: add aggregate-output
- #34389: CONTRIBUTING.md: fix broken link to README.md
- #34453: CI: make use of the actions/setup-node's cache option
Dependencies
Bootstrap 5.1.0
- Updated numerous devDependencies: https://github.com/twbs/bootstrap/pulls?q=is%3Apr+is%3Aclosed+label%3Adependencies+project%3Atwbs%2Fbootstrap%2F31
