Software 42771 Published by

The third alpha version of Bootstrap 5.0.0 has been released. Bootstrap is a popular framework to create responsive websites.





Bootstrap 5 Alpha 3

We’re back at it again with a brand new alpha release of Bootstrap 5!

Changes

  • #31728: Switch to dart-sass
  • #31972: Drop Legacy Edge support.
  • #32012: Remove obsolete prefixes

Features

  • #30449: v5: Floating labels
  • #30571: v5: Add .fs-* utilities for font-size and rename font-weight/-style utilities
  • #31343: Adding overflow visible and scroll as utilities
  • #31995: Replace .btn-block with utilities
  • #32013: Add dedicated accordion component
  • #32066: Add .d-grid to our display utilities
  • #32074: Add .gap utilities

CSS

  • #30449: v5: Floating labels
  • #30571: v5: Add .fs-* utilities for font-size and rename font-weight/-style utilities
  • #30622: Colors rewrite
  • #31343: Adding overflow visible and scroll as utilities
  • #31651: Fix disabled checkbox toggle buttons
  • #31657: Handle the Ubuntu sans-serif case
  • #31684: Add Sass variable for CSS variable prefix
  • #31687: Updated .rounded utilities
  • #31700: Suppress flexbox side effects in breadcrumb
  • #31826: Alert: Add z-index for close button
  • #31839: docs: fix contrast color against .bg-info
  • #31877: Apply smooth-scroll when prefers-reduced-motion: no-preference
  • #31882: Slow down spinners when prefers-reduced-motion: reduce
  • #31953: Fix input group border radii
  • #31955: Drop custom file upload plugin in favor of CSS solution
  • #31964: Remove background-clip from .btn-close
  • #31993: Remove explicit heights on form elements
  • #31995: Replace .btn-block with utilities
  • #32013: Add dedicated accordion component
  • #32020: Add cursor:pointer to color inputs
  • #32023: Fix color input heights
  • #32031: Fix .fw utilities
  • #32064: Remove firefox workaround for ::file-selector-button margin
  • #32066: Add .d-grid to our display utilities
  • #32074: Add .gap utilities
  • #32085: Add checks to fix color contrast issues
  • #32121: Use correct value order

JavaScript

  • #30740: karma: stop excluding polyfill.js from istanbul
  • #31818: Check for data-interval on the first slide of carousel
  • #31842: Remove Manipulator.toggleClass
  • #31951: Update anchor-js to v4.3.0.
  • #32011: polyfill.js minor tweaks
  • #32016: Streamline jQuery comment.
  • #32021: Lint: stop ignoring package.js
  • #32024: Fix TypeError when Bootstrap is included in head
  • #32026: toast.spec.js: fix typo
  • #32036: ESLint: enable new-cap rule but ignore properties
  • #32043: tests: switch to using toContain() to check for substring presence
  • #32045: tests: fix sanitizer test.
  • #32046: tests: tweak Jasmine usage
  • #32055: dropdown.js: simplify code
  • #32093: karma.conf.js: break lines
  • #32100: search.js: check for search-input element early
  • #32101: modal.html: use textContent

Docs

  • #30044: Contrast colors added to theme-colors
  • #30838: Explain the "dispose" method appropriately
  • #31111: Update docs example on how to optimize JavaScript bundle
  • #31583: docs(Modal): Add xxl fullscreen example
  • #31679: Don't wrap the code snippets in our docs
  • #31686: v5: Add disabled examples for .form-control, .form-select, and .form-range
  • #31702: Add keyboard shortcut to focus search field
  • #31775: Update social.html: use article og:type when it's a page
  • #31791: docs: remove pixels from SVGs
  • #31794: webpack.md: Replace "both of them" with "it"
  • #31795: validation.md: fix _validation.scss file reference
  • #31796: Update .btn-close-white docs to filter (not backdrop-filter)
  • #31802: Improve callout shortcode.
  • #31803: Update bs-table shortcode
  • #31806: docs: switch to fenced codeblocks
  • #31809: carousel: add missing to description and fix nextwhenvisible description
  • #31828: docs: Add Russian translation
  • #31835: Move href attribute first
  • #31839: docs: fix contrast color against .bg-info
  • #31861: Split up dropdown sizing docs to improve rendering
  • #31871: Revert "Improve callout shortcode."
  • #31892: Remove redundant visually hidden "(current)" from pagination controls
  • #31893: Update manifest.json
  • #31894: docs: switch to suggesting jsDelivr as a CDN
  • #31904: Drop useless text faking a label in horizontal forms example
  • #31929: Mention spinners slow down in migration guide
  • #31932: Small typo - remove the unnecessary "the"
  • #31951: Update anchor-js to v4.3.0.
  • #31960: Docs: Explicitly mention emoji fonts, tweak sentence in typography
  • #31965: Rename Navs to Navs and Tabs
  • #31981: Update list-group.md
  • #31982: Fix git conflicts after #30571
  • #31984: Add example with input group between two inputs
  • #32009: Minor Markdown fixes
  • #32015: Fix redirects
  • #32031: Fix .fw utilities
  • #32040: Add callouts about using light colors ideally on a dark background
  • #32049: Update utilities API docs
  • #32050: Make docs anchorjs links darker on keyboard focus
  • #32058: Form file docs and overrides
  • #32076: Partially revert "Move this to a partial to work around the stray p…
  • #32084: reboot.md: mention "Liberation Sans"
  • #32086: config.yml: remove the unused "expo" parameter
  • #32087: download.md: link to JS files comparison too
  • #32090: [Docs] Changes to navbar documentation/explanation
  • #32099: search.js: use the current v5.getbootstrap.com URL
  • #32100: search.js: check for search-input element early
  • #32102: docs.html: replace backslashes with forward slashes
  • #32105: Clarify JS bundle docs one more time
  • #32116: browsers-devices: add chomp
  • #32126: Minor improvements to the Alpha 3 changelog
  • #32129: masthead: add newlines in the snippets and reindent

Accessibility

  • #30550: Bump $dark to $gray-900
  • #31839: docs: fix contrast color against .bg-info
  • #31877: Apply smooth-scroll when prefers-reduced-motion: no-preference
  • #31882: Slow down spinners when prefers-reduced-motion: reduce
  • #31892: Remove redundant visually hidden "(current)" from pagination controls
  • #31904: Drop useless text faking a label in horizontal forms example
  • #32058: Form file docs and overrides
  • #32090: [Docs] Changes to navbar documentation/explanation

Misc

  • #30740: karma: stop excluding polyfill.js from istanbul
  • #31728: Switch to dart-sass
  • #31783: Update .gitignore
  • #31878: CI: Allow skipping BrowserStack
  • #31930: Update CodeQL action
  • #32003: CI: switch to Node.js 14.
  • #32005: Remove bugreport.apple.com url
  • #32006: CI: Skip dependabot PR branches.
  • #32008: Update Edge's Rendering Engine on CONTRIBUTING.md
  • #32027: Clarify PRs section
  • #32033: CODE_OF_CONDUCT.md: fix redirect
  • #32036: ESLint: enable new-cap rule but ignore properties
  • #32056: deps: move sirv-cli to npx
  • #32063: stylelint: pass the --rd flag
  • #32097: package.json: fix clean-css level switch

Dependencies



Bootstrap 5 Alpha 3