The second alpha version of Bootstrap 5.0.0 has been released. Bootstrap is a popular framework to create responsive websites.
Bootstrap 5 Alpha 2
We’re back at it again with a brand new alpha release of Bootstrap 5! Our second alpha has brought some new and improved features, color contrast improvements, improved helpers and utilities, and some documentation design updates.
Check out the latest in the docs at https://v5.getbootstrap.com. Read the release notes for a full list of changes since Alpha 1. Our migration guide has also been updated with a new section for Alpha 2.
Changes
Features
- #30171: Add .dropdown-menu-dark
- #31280: Extra position utilities
- #31484: Add border width utility
- #31650: Carousel enhancements, including .carousel-dark
CSS
- #30171: Add .dropdown-menu-dark
- #30394: box-shadow() mixin: allow 'null' and drop support 'none' with multiple args
- #30572: Add new toasts examples
- #30639: Easier disabled state customization for button variants
- #30781: reboot: table th
- #31035: Add null variables for nav-link
- #31120: Add missing comma in utils
- #31131: Darken dropdown divider
- #31132: Add padding to badges
- #31139: Rename sr-only/sr-only-focusable to visually-hidden/visually-hidden-focusable
- #31151: Fix scrollable modal
- #31162: Fix table separator typo
- #31276: v5: Tweak some colors
- #31280: Extra position utilities
- #31338: Removed a broken reference
- #31346: Turn off scroll anchoring for accordions
- #31359: Cleanup/fix after the sr-only to visually-hidden renaming
- #31381: Remove overflow: hidden from toasts
- #31382: Update copy around breakpoint sizing
- #31383: Adjust sizing of checks and radios
- #31396: Add transition to Pagination buttons just like other Bootstrap buttons
- #31424: Mention that Edge Legacy also supports 'filling' their track
- #31439: Remove flex: 1 0 100% from rows
- #31473: Give more priority to .d-none
- #31484: Add border width utility
- #31500: Use next breakpoint when targetting xs only
- #31571: Add default parameters to each border radius mixin
- #31641: Revamp close button component
- #31649: Match container gutters with row gutters
- #31650: Carousel enhancements, including .carousel-dark
- #31653: Add a comment for escape-svg function
- #31659: Update Stylelint rules
- #31717: Updates responsive embeds with new class names and CSS variables
- #31718: Add new variable for $dropdown-padding-x
- #31729: Input group addon sass customization options
- #31746: Restore rem unit
- #31772: _variables: change $btn-close-bg's attribute order
JavaScript
- #30326: Prevent overflowing static backdrop modal animation
- #30928: Fix tooltip when hovering a child element (delegateTarget)
- #31066: Change "whitelist" to "allowlist"
- #31067: data: reword storage key in DOM
- #31073: Minor JS tweaks
- #31109: toasts: make default duration 5s
- #31115: fix tooltip hide method when already hidden
- #31125: BrowserStack: stop testing on latest Edge.
- #31155: Clear timeout before showing the toast
- #31212: Minor JS consistency changes
- #31358: Docs: Add accessibility note about dismissible alerts and focus
Docs
- #30572: Add new toasts examples
- #30897: Prevent skip links from overlapping header
- #31036: Docs: Add top/bottom margin to highlighted code samples
- #31058: Update links to bug and feature request issue templates
- #31062: Fix Stack Overflow tag
- #31070: Docs: fix old/broken example capture and typo
- #31071: Docs: clarify rationale for button group on links
- #31075: Updated the command to install using yarn
- #31076: Typo fix: ocassions to occasions
- #31077: Several typo fixes
- #31078: Typo fix: individiual to individual
- #31079: Typo fix: depedending to depending
- #31081: Docs: add Gaël Poupard to the core team page
- #31082: Docs: tweak accessibility section
- #31090: Docs: rename form checks page to "Checks / radios"
- #31093: Docs: improve/expand button documentation
- #31102: Docs: Fix typo
- #31106: Docs: fix typo
- #31107: Correctly document how to add to Sass maps
- #31114: Docs: forms accessibility cleanup
- #31116: Fix links to gutters page
- #31119: v5: Adjust docs sidebar and navbar
- #31122: Update migration.md
- #31130: Add code to method/property tables
- #31133: Docs: screen reader helper/visibility utility tweaks
- #31134: Docs: clarify that pointer events classes don't affect keyboard interaction
- #31135: Docs: move color utility callouts to start of page
- #31137: Docs: (subjectively) nicer looking accordion example
- #31165: Remove backdrop-filter from docs subnav and toasts
- #31190: Fix spelling mistake
- #31192: Docs: Fix vertical align link
- #31194: Minor doc tweaks
- #31196: Fixed typo in docs v5 (Utilities/API) page
- #31201: Docs: separate button group out of checks/radios, expand button groups page
- #31211: homepage: Fix wrong indentation
- #31213: Fix generated example code for RFS
- #31232: Fix sidebar jump
- #31240: Single line example for inline forms
- #31248: v5: Updated About and Brand pages
- #31254: Fix some hexa in colors docs.
- #31268: Fix docs sass importing example.
- #31277: v5: Versions cleanup
- #31278: Migration update
- #31300: docs: mention our bundle file clearly.
- #31339: Add view on GitHub links for easier content editing from the docs
- #31344: Add toasts to the components requiring JavaScript
- #31358: Docs: Add accessibility note about dismissible alerts and focus
- #31382: Update copy around breakpoint sizing
- #31387: Update migration guide
- #31424: Mention that Edge Legacy also supports 'filling' their track
- #31434: make breakpoints specifications consistent with layout/grid.md
- #31441: docs: Fix issue number typo in migration
- #31455: Update current_ruby_version to 5.0.0.alpha1
- #31471: Remove 'both' as its no longer just 2 breakpoints
- #31505: docs(typography): missing punctuation
- #31516: Update icons.yml
- #31556: docs: Fix typo on Customize -> Color page
- #31572: Fix docs incorrect green and cyan hex codes
- #31575: SVG placeholders accessibility
- #31576: Drop h4 color customization in callouts
- #31578: Scrollspy keyboard access in docs
- #31579: Ensure examples content sits in landmarks
- #31580: Wrap home content in & use
- #31590: Build tools: mention how to get the sources
- #31610: Docs layout: ensure content sits in main
- #31636: Add getInstance method in the docs for tooltip
- #31648: Typo in About / Overview
- #31668: Webpack page: add postcssOptions key
- #31689: docs: fix a few redirects
- #31738: docs: link to the Asynchronous functions section
- #31750: brand: minor consistency changes
- #31752: v5 alpha 2 migration guide updates
- #31754: Tweak versions page columns
- #31767: Convert SVGs in navbar and subnav to pixels
- #31773: Add new Bootstrap Icons homepage images
- #31785: v5: Vertical pills fix on mobile
Accessibility
- #30897: Prevent skip links from overlapping header
- #30989: Ensure to increase contrasts on buttons & colored links hover/active states
- #31114: Docs: forms accessibility cleanup
- #31131: Darken dropdown divider
- #31276: v5: Tweak some colors
- #31575: SVG placeholders accessibility
- #31576: Drop h4 color customization in callouts
- #31578: Scrollspy keyboard access in docs
- #31579: Ensure examples content sits in landmarks
- #31580: Wrap home content in & use
- #31610: Docs layout: ensure content sits in main
Misc
- #31011: Update Babel config
- #31047: README: remove .svg from shields.io badges
- #31062: Fix Stack Overflow tag
- #31063: Update bundlewatch.yml
- #31124: Update .browserslistrc
- #31259: README.md: show brotli size too
- #31588: Download link in README
- #31742: Fix bundlewatch size
Bootstrap 5 Alpha 2