# bootstrap changelog

> The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

- Vendor: twbs
- Category: Mobile
- Official site: https://getbootstrap.com
- Tracked by: What's New (https://whatsnew.fyi/product/bootstrap)
- Harvested from: GitHub (twbs/bootstrap)
- Entries below: 10 (newest first)

What's New is an index, not a publisher: every entry below links to the vendor's own release notes, which are the authoritative source. Entries are labelled where they are hand-curated sample data, pre-releases, or drawn from a secondary source such as a developer blog.

## Releases

### v5.3.8

- Date: 2025-08-26
- Version: v5.3.8
- Original notes: https://github.com/twbs/bootstrap/releases/tag/v5.3.8
- Permalink: https://whatsnew.fyi/product/bootstrap/releases/v5.3.8

- **fixed** — Fix color-contrast() function for WCAG 2.1 compliance
- **fixed** — Fix SCSS autorecompile in dev mode
- **changed** — Set cursor pointer on input search cancel button
- **fixed** — Prevent spinner distortion in flex containers with multiline content
- **changed** — Revert focus return explicitly to dropdown trigger
- **removed** — Remove Themes from docs

##### What's Changed
* Streamline release prep script by @mdo in https://github.com/twbs/bootstrap/pull/41539
* Docs: restore local dev port to 9001 by @chalin in https://github.com/twbs/bootstrap/pull/41545
* Docs: use Example shortcode instead of divs with only `.bd-example` class by @julien-deramond in https://github.com/twbs/bootstrap/pull/41556
* Docs: fix scss autorecompile in dev mode by @MaxLardenois in https://github.com/twbs/bootstrap/pull/41574
* Fix `color-contrast()` function for WCAG 2.1 compliance by @julien-deramond in https://github.com/twbs/bootstrap/pull/41585
* OSSF Scorecard by @mdo in https://github.com/twbs/bootstrap/pull/41571
* Workflows: Use SHA-1 for third-party actions by @julien-deramond in https://github.com/twbs/bootstrap/pull/41595
* Docs: unminify downloadable example HTML files by @julien-deramond in https://github.com/twbs/bootstrap/pull/41637
* Docs: Add tooltips to buttons when `<Example>` is used, not just `<Code>` by @louismaximepiton in https://github.com/twbs/bootstrap/pull/41582
* Set cursor pointer on input search cancel button by @mdo in https://github.com/twbs/bootstrap/pull/41639
* CSS: Prevent spinner distortion in flex containers with multiline content by @julien-deramond in https://github.com/twbs/bootstrap/pull/41654
* Migrate MyGet script to GH actions by @supergibbs in https://github.com/twbs/bootstrap/pull/41583
* Revert "Attempt to return focus explicitly to dropdown trigger" by @mdo in https://github.com/twbs/bootstrap/pull/41668
* docs: Minor range example code optimization by @coliff in https://github.com/twbs/bootstrap/pull/41665
* Remove Themes from docs by @mdo in https://github.com/twbs/bootstrap/pull/41671
* Release v5.3.8 by @mdo in https://github.com/twbs/bootstrap/pull/41669

##### Dependencies

* Build(deps-dev): Bump the development-dependencies group with 3 updates by @julien-deramond in https://github.com/twbs/bootstrap/pull/41540
* Build(deps-dev): Bump the development-dependencies group with 2 updates by @julien-deramond in https://github.com/twbs/bootstrap/pull/41544
* Build(deps-dev): Bump stylelint-config-twbs-bootstrap from 16.0.0 to 16.1.0 by @julien-deramond in https://github.com/twbs/bootstrap/pull/41546
* Build(deps-dev): Bump the development-dependencies group with 5 updates by @julien-deramond in https://github.com/twbs/bootstrap/pull/41552
* Build(deps-dev): Bump the development-dependencies group with 4 updates by @julien-deramond in https://github.com/twbs/bootstrap/pull/41560
* Build(deps-dev): Bump the development-dependencies group with 3 updates by @julien-deramond in https://github.com/twbs/bootstrap/pull/41566
* Build(deps): Bump actions/upload-artifact from 4.6.1 to 4.6.2 by @dependabot[bot] in https://github.com/twbs/bootstrap/pull/41594
* Build(deps-dev): Bump the development-dependencies group with 4 updates by @julien-deramond in https://github.com/twbs/bootstrap/pull/41599
* Build(deps-dev): Bump the development-dependencies group with 2 updates by @julien-deramond in https://github.com/twbs/bootstrap/pull/41609
* Build(deps): Bump github/codeql-action from 3.29.2 to 3.29.3 by @dependabot[bot] in https://github.com/twbs/bootstrap/pull/41611
* Build(deps): Bump streetsidesoftware/cspell-action from 7.1.1 to 7.1.2 by @dependabot[bot] in https://github.com/twbs/bootstrap/pull/41610
* Build(deps-dev): Bump the development-dependencies group with 4 updates by @julien-deramond in https://github.com/twbs/bootstrap/pull/41621
* Build(deps): Bump streetsidesoftware/cspell-action from 7.1.2 to 7.2.0 by @dependabot[bot] in https://github.com/twbs/bootstrap/pull/41625
* Build(deps): Bump actions-cool/issues-helper from 3.6.0 to 3.6.2 by @dependabot[bot] in https://github.com/twbs/bootstrap/pull/41623
* Build(deps): Bump github/codeql-action from 3.29.3 to 3.29.4 by @dependabot[bot] in https://github.com/twbs/bootstrap/pull/41624
* Build(deps-dev): Bump the development-dependencies group across 1 directory with

_[Truncated at 4000 characters — full notes: https://github.com/twbs/bootstrap/releases/tag/v5.3.8]_

### v5.3.7

- Date: 2025-06-17
- Version: v5.3.7
- Original notes: https://github.com/twbs/bootstrap/releases/tag/v5.3.7
- Permalink: https://whatsnew.fyi/product/bootstrap/releases/v5.3.7

- **fixed** — Fix broken "View on GitHub" URLs in documentation
- **fixed** — Correct HTML <head> content generated by the "Download examples" button
- **changed** — Refine sanitizer documentation for clarity and completeness
- **changed** — Improve accessibility in the "On this page" table of contents and section heading anchor links
- **changed** — Relocate ads to the right sidebar to minimize content reflow
- **added** — Add new section on the Download page for the Intelissence extension
- **changed** — Clarify the "Via JavaScript" usage example for Accordion Collapse
- **added** — Mention CDN integrity and crossorigin attributes in introduction page
- **changed** — Enhance floating labels placeholder usage description
- **added** — Add example of showing dynamic range value with output
- **changed** — Consolidate multiple 'none' values in the box-shadow Sass mixin for cleaner output
- **fixed** — Fix popover and tooltip behavior with a trigger: "hover click" configuration
- **added** — Add recommended VSCode extensions and settings configuration to the repository

###### 📚 Documentation
- Fixed broken **"View on GitHub"** URLs  
- Corrected HTML `<head>` content generated by the **"Download examples"** button  
- Refined sanitizer documentation for clarity and completeness  
- Improved accessibility in the **"On this page"** table of contents and section heading anchor links  
- Relocated ads to the right sidebar to minimize content reflow  
- Added a new section on the **Download** page for the *Intelissence* extension  
- Clarified the **"Via JavaScript"** usage example for *Accordion Collapse*  
- Made internal documentation improvements to support future maintenance *(no visible user impact)*
- Mention CDN `integrity` and `crossorigin` attributes in introduction page
- Enhance floating labels `placeholder` usage description
- Add example of showing dynamic range value with output

###### 🎨 Sass
- Consolidated multiple `'none'` values in the `box-shadow` Sass mixin for cleaner output

###### 🤖 JavaScript
- Fixed popover and tooltip behavior with a `trigger: "hover click"` configuration

###### 🤝 Contributions
- Added recommended **VSCode extensions and settings** configuration to the repository

### v5.3.6

- Date: 2025-05-05
- Version: v5.3.6
- Original notes: https://github.com/twbs/bootstrap/releases/tag/v5.3.6
- Permalink: https://whatsnew.fyi/product/bootstrap/releases/v5.3.6

- **changed** — Port docs from Hugo to Astro
- **added** — Add usage docs for Accordion JavaScript
- **fixed** — Prevent .visually-hidden overflowing children to become focusable
- **fixed** — Limit .card-group selectors to immediate children to fix border-radius inheritance issues
- **fixed** — Attempt to return focus explicitly to dropdown trigger
- **changed** — Update devDependencies
- **changed** — Bump image-size from 1.0.2 to 2.0.2

##### Highlights

- Ported the docs from Hugo to Astro for our own sanity!
- Added usage docs for Accordion JavaScript
- Prevent `.visually-hidden` overflowing children to become focusable
- Limit `.card-group` selectors to immediate children to fix some inheritance issues

##### Changes

* docs: update readme to include bun install by @Electroid in https://github.com/twbs/bootstrap/pull/41277
* Docs: fix specification for getInstance by @fulldecent in https://github.com/twbs/bootstrap/pull/41297
* Mention `npm install` and `npm run dist` in CONTRIBUTING.md by @mdo in https://github.com/twbs/bootstrap/pull/41340
* docs: add Sass deprecations notice in docs by @MaxLardenois in https://github.com/twbs/bootstrap/pull/41283
* docs: Better indicate include options in sass setup. by @Kelketek in https://github.com/twbs/bootstrap/pull/41143
* docs: add 'skeleton loaders' to loading placeholders description by @MohamadSalman11 in https://github.com/twbs/bootstrap/pull/41177
* Update offcanvas.md To Mention Adding data-bs-target for Close Buttons in Offcanvas Components by @ASchoe311 in https://github.com/twbs/bootstrap/pull/41325
* Limit selectors in `.card-group` to immediate children to fix `border-radius` bug by @mscdex in https://github.com/twbs/bootstrap/pull/41298
* Docs: add Border radius section for Input group by @TommasoAllegretti in https://github.com/twbs/bootstrap/pull/40776
* Docs: use 'i.e.' instead of 'e.g.' in Floating Labels example description by @julien-deramond in https://github.com/twbs/bootstrap/pull/41364
* Docs: move Cheatsheet RTL example to the RTL category by @julien-deramond in https://github.com/twbs/bootstrap/pull/41282
* Doc: fix blockquote mismatch by @viniciusvts in https://github.com/twbs/bootstrap/pull/41295
* Removed broken translation links by @MasterPuffin in https://github.com/twbs/bootstrap/pull/41359
* Docs: migration from Hugo to Astro by @julien-deramond in https://github.com/twbs/bootstrap/pull/41251
* Update `devDependencies` by @julien-deramond in https://github.com/twbs/bootstrap/pull/41383
* Bump `image-size` from 1.0.2 to 2.0.2 by @julien-deramond in https://github.com/twbs/bootstrap/pull/41384
* Add switch attribute to docs for switch checkbox by @mdo in https://github.com/twbs/bootstrap/pull/41396
* Add private comment to BaseComponent Class by @MohamadSalman11 in https://github.com/twbs/bootstrap/pull/41254
* Alternate for #41142, disabled list group items by @mdo in https://github.com/twbs/bootstrap/pull/41397
* Docs: add Usage section with JavaScript guide for Accordion component by @TommasoAllegretti in https://github.com/twbs/bootstrap/pull/40768
* Attempt to return focus explicitly to dropdown trigger by @mdo in https://github.com/twbs/bootstrap/pull/41365
* Fix typos and code indentation in Forms > Checks and radios by @julien-deramond in https://github.com/twbs/bootstrap/pull/41399
* chore: Spell check `.md` and `.mdx` files. by @Jason3S in https://github.com/twbs/bootstrap/pull/41398
* Remove `files` configuration from `.cspell.json` by @julien-deramond in https://github.com/twbs/bootstrap/pull/41400
* Docs: Remove unneeded Twitter/X metatags (as it uses Open Graph for title/description and image) by @coliff in https://github.com/twbs/bootstrap/pull/41408
* Move _isShown() method to private section by @MohamadSalman11 in https://github.com/twbs/bootstrap/pull/41220
* Removed line break between `// Private` comment and method by @MohamadSalman11 in https://github.com/twbs/bootstrap/pull/41218
* remove link to sunset resource on accessibility.mdx by @crgrafton in https://github.com/twbs/bootstrap/pull/41418
* docs(pagination): put current page on link element for a11y by @MarkoOleksiyenko in https://github.com/twbs/bootstrap/pull/41154
* Update devDependencies and regenerate package-lock.json by @julien-deramond in https://github.com/twbs/bootstrap/pull/41425
* Prevent .visually-hidden overflowing children to become focusable by @ffoodd i

_[Truncated at 4000 characters — full notes: https://github.com/twbs/bootstrap/releases/tag/v5.3.6]_

### v5.3.5

- Date: 2025-04-04
- Version: v5.3.5
- Original notes: https://github.com/twbs/bootstrap/releases/tag/v5.3.5
- Permalink: https://whatsnew.fyi/product/bootstrap/releases/v5.3.5

- **fixed** — Fix floating labels rendering on Firefox

Hot fix for a regression from upstream in Autoprefixer.

###### What's Changed

* Fix floating labels rendering on Firefox by @julien-deramond in https://github.com/twbs/bootstrap/pull/41347
* Bump to v5.3.5 by @mdo in https://github.com/twbs/bootstrap/pull/41348


**Full Changelog**: https://github.com/twbs/bootstrap/compare/v5.3.4...v5.3.5

### v5.3.4

- Date: 2025-04-03
- Version: v5.3.4
- Original notes: https://github.com/twbs/bootstrap/releases/tag/v5.3.4
- Permalink: https://whatsnew.fyi/product/bootstrap/releases/v5.3.4

- **fixed** — Fix modal and offcanvas header collapse
- **fixed** — Fix display issues of close button in contextual light and dark modes
- **fixed** — Fix light mode carousel in dark mode
- **changed** — Add workarounds for postcss-values-parser error (negative values in calc())
- **fixed** — Align floating labels with form-select sizes
- **fixed** — Correct typo in background-blend-mode value
- **removed** — Remove unnecessary duplicated CSS class name
- **removed** — Remove unneeded flexbug workaround
- **fixed** — Fix use of declarations after nested rules (deprecated in Sass 1.77.7)
- **fixed** — Floating labels: Fix max-width and background-color
- **fixed** — button-group: Fix btn-group-vertical by using same rules as btn-group
- **changed** — Optimize Sass SVG files
- **changed** — Change floating label placeholder's color
- **changed** — refactor(accordion): merge selectors for border-radius rule
- **fixed** — Fix popover toggle twice to close
- **fixed** — Fix this reference for functions
- **fixed** — Fix broken comment link for reflow hack
- **changed** — Improve progress bar labels markup and explanations for accessibility
- **fixed** — Fix clipboard icon not showing after multiple press
- **changed** — Add descriptions for Webpack, Parcel and Vite
- **changed** — Update css-grid.md
- **changed** — Update a point in the RTL documentation
- **fixed** — Fix link endpoint in dropdown documentation
- **fixed** — Fix .order values in the migration guide
- **changed** — Correct example formatting in 'Utilities > API' for linting compliance
- **fixed** — Fix transparent navbar in windows high contrast mode
- **fixed** — Fix example hiding element except on medium and large devices in 'Utilities > Display > Hiding elements'
- **fixed** — Fix Cheatsheet examples horizontal scrolling
- **changed** — Make 'Edit in Stackblitz' links explicit
- **changed** — Indicate links in foreign language
- **fixed** — Fix $enable-css-grid → $enable-cssgrid in 'Customize > Options'
- **fixed** — Fix missing $enable-css-grid in options.md
- **changed** — Clarify the subject of the About page
- **changed** — Update WCAG links and references
- **changed** — Change wording of single/split danger buttons
- **changed** — Further image compression improvements
- **fixed** — Fix Default values and Description content in options table
- **fixed** — Fix typo in the getting started introduction

##### Changes
- #40888: Dependabot: switch to grouped updates

##### 🚀 Features

- #41299: Typo fixed
- #41187: Docs: mention removal of `util.js` in migration guide
- #41228: Docs: Simplify ids for checks, radios and switches
- #41150: Update fixtureId to FIXTURE_ID for consistency
- #40965: Docs: Use `<article>` element for example cards
- #40932: Docs: add ngx-bootstrap to JavaScript frameworks list
- #40790: Docs: Drop `.grid` where it shouldn't be used
- #40821: Docs: precise how to add new `.order-*` classes in 'Layout > Columns'
- #40914: Docs: drop useless `.justify-content-start` class in homepage
- #40876: Remove unneeded flexbug workaround
- #40870: Docs: Update modal min-height inline style
- #40844: Docs: Remove mention about Safari's limited support flexbox gap
- #40620: Docs: minor accessibility improvements for Examples
- #40619: Docs: Fix a minor accessibility issue (checkout example missing h1)
- #40577: Docs: Add main element to Cheatsheet Examples
- #39815: Docs: drop unused `.bi-exclamation-triangle-fill` class
- #40507: Docs: HTTPS link to ikons iconset
- #39777: Docs: fix Reddit URL to avoid redirection
- #39697: refactor(accordion): merge selectors for `border-radius` rule

##### 🎨 CSS

- #41336: Fix modal and offcanvas header collapse
- #41126: Fix display issues of close button in contextual light and dark modes
- #40695: Fix light mode carousel in dark mode
- #41004: Add workarounds for postcss-values-parser error (negative values in calc())
- #41013: Align floating labels with form-select sizes
- #40931: Fix: correct typo in background-blend-mode value
- #40900: Remove unnecessary duplicated CSS class name
- #40876: Remove unneeded flexbug workaround
- #40844: Docs: Remove mention about Safari's limited support flexbox gap
- #40623: Fix use of declarations after nested rules (deprecated in Sass 1.77.7)
- #39720: Floating labels: Fix `max-width` and `background-color`
- #40488: button-group: Fix `btn-group-vertical` by using same rules as `btn-group`
- #39804: Optimize Sass SVG files
- #39494: Change floating label placeholder's color
- #39697: refactor(accordion): merge selectors for `border-radius` rule

##### ☕️ JavaScript

- #38411: Add note about cancelling modal events to modal.md
- #41150: Update fixtureId to FIXTURE_ID for consistency
- #40803: Fix popover toggle twice to close
- #38725: Fix this reference for functions
- #39791: Fix broken comment link for reflow hack

##### 📖 Docs

- #39364: Docs: improve progress bar labels markup and explanations for accessibility
- #41308: Fix typo in Navbar docs
- #41299: Typo fixed
- #41281: Fixed minor typo in Sass documentation
- #41187: Docs: mention removal of `util.js` in migration guide
- #41228: Docs: Simplify ids for checks, radios and switches
- #38411: Add note about cancelling modal events to modal.md
- #40917: Fix: clipboard icon not showing after multiple press
- #40714: Docs: add descriptions for Webpack, Parcel and Vite
- #40928: Update css-grid.md
- #41098: Update a point in the RTL documentation
- #40965: Docs: Use `<article>` element for example cards
- #40756: Docs: missing aria-hidden on some decorative SVGs
- #41036: Docs: add warning callout for Yarn Berry
- #41052: Doc: Fix link endpoint in dropdown documentation
- #41030: Docs: fix `.order` values in the migration guide
- #40973: Docs: correct example formatting in 'Utilities > API' for linting compliance
- #40911: fix transparent navbar in windows high contrast mode
- #40932: Docs: add ngx-bootstrap to JavaScript frameworks list
- #40951: Docs: fix example hiding element except on medium and large devices in 'Utilities > Display > Hiding elements'
- #40931: Fix: correct typo in background-blend-mode value
- #40790: Docs: Drop `.grid` where it shouldn't be used
- #40821: Docs: precise how to add new `.order-*` classes in 'Layout > Columns'
- #40799: Fix Cheatsheet examples horizontal scrolling
- #409

_[Truncated at 4000 characters — full notes: https://github.com/twbs/bootstrap/releases/tag/v5.3.4]_

### v5.3.3

- Date: 2024-02-20
- Version: v5.3.3
- Original notes: https://github.com/twbs/bootstrap/releases/tag/v5.3.3
- Permalink: https://whatsnew.fyi/product/bootstrap/releases/v5.3.3

- **fixed** — Fixed a breaking change in color modes where _variables.scss now automatically imports _variables-dark.scss
- **fixed** — Fixed a regression in the selector engine that was unable to handle multiple IDs
- **changed** — Badges now use the .text-bg-* text utilities to ensure text is always readable in light and dark modes
- **fixed** — Fixed color-modes.js script to handle the case where the OS is set to light mode and auto color mode is used
- **added** — Allowed <dl>, <dt> and <dd> in the sanitizer
- **removed** — Dropped evenly items distribution for modal and offcanvas headers
- **fixed** — Fixed accordion CSS selectors to avoid inheritance issues when nesting accordions
- **fixed** — Fixed the focus box-shadow for validation stated form controls
- **fixed** — Fixed the focus ring on focused checked buttons
- **fixed** — Fixed the product example mobile navbar toggler
- **changed** — Changed the RTL processing of carousel control icons
- **deprecated** — Deprecated $accordion-button-focus-border-color

##### Highlights

- Fixed a breaking change introduced with color modes where it was required to manually import `variables-dark.scss` when building Bootstrap with Sass. Now, `_variables.scss` will automatically import `_variables-dark.scss`. If you were already importing `_variables-dark.scss` manually, you should keep doing it as it won't break anything and will be the way to go in v6.
- Fixed a regression in the selector engine that wasn't able to handle multiple IDs anymore.

##### Color modes

- Badges now use the `.text-bg-*` text utilities to be certain that the text is always readable (especially when the customized colors are different in light and dark modes).
- Fixed our `color-modes.js` script to handle the case where the OS is set to light mode and the auto color mode is used on the website. If you copied the script from our docs, you should apply [this change](https://github.com/twbs/bootstrap/commit/73e1dcf43eff8371dde52ce41bd1d9fdc2b47d1f) to your own script.
- Fixed color schemes description in the color modes documentation to show that `color-scheme()` only accept `light` and `dark` values as parameters.

##### Miscellaneous

- Allowed `<dl>`, `<dt>` and `<dd>` in the sanitizer.
- Dropped evenly items distribution for modal and offcanvas headers.
- Fixed the accordion CSS selectors to avoid inheritance issues when nesting accordions.
- Fixed the focus box-shadow for the validation stated form controls.
- Fixed the focus ring on focused checked buttons.
- Fixed the product example mobile navbar toggler.
- Changed the RTL processing of carousel control icons.

---

##### 🎨 CSS

- #37508: Use child combinators to avoid inheriting parent accordion's flush styles
- #38719: Fix focus box-shadow for validation stated form-controls
- #38884: fix border-radius on radio-switch
- #39294: Tests: update navbar in visual modal test
- #39373: refactor css: modal and offcanvas header spacing
- #39380: Fix Sass compilation breaking change in v5.3
- #39387: docs: fix typo
- #39411: Optimize the accordion icon
- #39497: Fix a typo
- #39536: Changed RTL processing of carousel control icons
- #39560: Drop `--bs-accordion-btn-focus-border-color` and deprecate `$accordion-button-focus-border-color`
- #39595: CSS: Fix the focus ring on focused checked buttons

##### ☕️ JavaScript

- #39201: Selector Engine: fix multiple IDs
- #39224: Fix edge case in `color-mode.js`
- #39376: Allow `dl`, `dt` and `dd` in sanitizer

##### 📖 Docs

- #39200: Typo Fix
- #39214: Doc: use `.text-bg-{color}` for all badges
- #39246: Docs: fix for example code blocks have unnecessary 30px right-margin
- #39249: Doc: consistent rendering of 'Heads up!' callouts
- #39281: Fix `getOrCreateInstance()` doc example
- #39293: Update background.md
- #39304: Doc: add expanded accordion explanation
- #39320: Drop `.table-light` from table foot example
- #39340: Doc: add `dispose()` to Offcanvas methods
- #39378: Docs: fix sentence in modal
- #39417: Fix color schemes description in Sass customization documentation
- #39418: Docs: change vite config path import in vite guide
- #39435: Docs: add `shift-color()` usage example in sass customization page
- #39458: Docs: enhance `.card-img-*` description
- #39503: Minor image compression improvements
- #39519: Docs: use consistent HTML elements in Utilities -> Background page
- #39520: Docs: drop unused `.theme-icon` class
- #39528: docs: clean up example.html
- #39537: Docs: fix desc around deprecated Sass mixins for alerts and list groups
- #39539: Update links on get-started page
- #39592: Update vite.md
- #39604: Fix typo in 'media-breakpoint-between' in migration docs
- #39617: Docs: add missing comma in native font stack code source in Content -> Reboot
- #39663: updated table to be responsive

##### 🛠 Examples

- #39657: Fix product example mobile navbar toggler
- #39585: Docs: Add missing type="button" to Cheatsheet nav buttons

##### 🏭

_[Truncated at 4000 characters — full notes: https://github.com/twbs/bootstrap/releases/tag/v5.3.3]_

### v5.3.2

- Date: 2023-09-14
- Version: v5.3.2
- Original notes: https://github.com/twbs/bootstrap/releases/tag/v5.3.2
- Permalink: https://whatsnew.fyi/product/bootstrap/releases/v5.3.2

- **deprecated** — Passing a percentage unit to the global abs() is deprecated since Dart Sass v1.65.0
- **fixed** — Fix dart-sass deprecation warning by changing values passed to the divide() function
- **fixed** — Fix multiple ids in a collapse target not working anymore
- **changed** — Increase color contrast of form range track background in light and dark modes
- **fixed** — Fix table state rendering for color modes with a focus on the striped table in dark mode to increase color contrast
- **added** — Allow <mark> color customization for color modes
- **added** — Add alternative CDNs section in Getting started -> Download documentation
- **added** — Add Discord and Bootstrap subreddit links in README and Getting started -> Introduction
- **added** — Add new Sass variable $btn-link-focus-shadow-rgb to allow customization
- **changed** — Use box-shadow CSS variables in shadow utilities instead of Sass variables
- **fixed** — Fix radios looking like ellipse on responsive mode
- **fixed** — Fix popover template role error
- **changed** — Further improve image compression with oxipng and the latest jpegoptim
- **changed** — Convert build scripts to ESM

##### Highlights

- Passing a percentage unit to the global `abs()` is deprecated since Dart Sass v1.65.0. It resulted in a deprecation warning when compiling Bootstrap with Dart Sass. This has been fixed internally by changing the values passed to the `divide()` function. The `divide()` function has not been fixed itself so that we can keep supporting node-sass cross-compatibility. In v6, this won't be an issue as we plan to drop support for node-sass.
- Using multiple `id`s in a collapse target wasn't working anymore and has been fixed.

##### Color modes

- Increased color contrast of form range track background in light and dark modes.
- Fixed table state rendering for color modes with a focus on the striped table in dark mode to increase color contrast.
- Allow `<mark>` color customization for color modes.

##### Docs

- Added alternative CDNs section in [Getting started -> Download](https://getbootstrap.com/docs/5.3/getting-started/download/#alternative-cdns).
- Added Discord and Bootstrap subreddit links in [README](https://github.com/twbs/bootstrap/blob/main/README.md) and [Getting started -> Introduction](https://getbootstrap.com/docs/5.3/getting-started/introduction/):
  - [Discord](https://discord.gg/bZUvakRU3M) maintained by the community
  - [Bootstrap subreddit](https://reddit.com/r/bootstrap)

---

##### 🎨 CSS

- #38816: Use `box-shadow` CSS variables shadow utilities
- #38955: Fix radios looking like ellipse on responsive mode
- #38976: Use box-shadow CSS vars instead of Sass vars in assets and variables
- #39030: Fix dart-sass deprecation warning
- #39033: Color mode: fix table state rendering
- #39095: Make form range track background more contrasted
- #39119: New Sass var `$btn-link-focus-shadow-rgb` to allow customization
- #39141: New Sass variable to handle `<mark>` dark mode bg color

##### ☕️ JavaScript

- #38989: Collapse: Fix multiple `id`s calls
- #39046: Dropdown: reuse variable

##### 📖 Docs

- #38873: Discord reddit bootstrap
- #38970: docs: add BootstrapVueNext to docs
- #38977: Docs: Add missing form elements in focusable elements
- #38978: Docs: Fix popover template role error
- #38995: introduction: drop `details` element
- #39037: Further improve image compression with oxipng and the latest jpegoptim
- #39054: Docs: Remove incorrect mention of `.left-` and `.right-` utilities from migration guide
- #39060: Migration: add back v5.0.0 heading
- #39145: Docs: add warning callout to add a workaround when jsDelivr is not available
- #39177: Fix: make theme selector tick icon visible when active in examples layout
- #39179: download: Reword CDN paragraph

##### 🛠 Examples

- #38994: examples: update 3rd-party packages
- #39086: Correct grammar error in examples/starter-template

##### 🌎 Accessibility

- #38978: Docs: Fix popover template role error
- #39095: Make form range track background more contrasted

##### 🧰 Misc

- #38983: Improve change-version script
- #38984: Convert build scripts to ESM
- #39021: CI: update permissions for calibreapp-image-actions.yml

##### 📦 Dependencies

- Updated numerous [devDependencies](https://github.com/twbs/bootstrap/pulls?q=is%3Apr+label%3Adependencies+project%3Atwbs%2F30+is%3Aclosed)

### v5.3.1

- Date: 2023-07-26
- Version: v5.3.1
- Original notes: https://github.com/twbs/bootstrap/releases/tag/v5.3.1
- Permalink: https://whatsnew.fyi/product/bootstrap/releases/v5.3.1

- **changed** — Increase color contrast for dark mode by replacing $gray-500 with $gray-300 for the body color
- **added** — Add color mode switcher JavaScript to examples ZIP download
- **changed** — Improve disabled styling for all .nav-links, providing .disabled and :disabled for use with anchors and buttons
- **added** — Add support for Home and End keys for navigating tabs by keyboard
- **added** — Add basic styling to toggle buttons when no modifier class is present
- **fixed** — Fix carousel colors in dark mode
- **fixed** — Fix floating label disabled text color
- **changed** — .text-bg-* utilities now use CSS variables
- **added** — Add new $navbar-dark-icon-color Sass variable
- **removed** — Remove duplicate $alert Sass variables
- **added** — Add new variable for $vr-border-width to customize the vertical rule helper width
- **added** — Add search to homepage
- **changed** — Improve responsive behavior on Dashboard example
- **changed** — Improve dark mode rendering of Cheatsheet examples

##### Highlights

- **Color modes:**
  - Increased color contrast for dark mode by replacing `$gray-500` with `$gray-300` for the body color
  - Added our color mode switcher JavaScript to our examples ZIP download
- **Components:**
  - Improved disabled styling for all `.nav-link`s, providing `.disabled` and `:disabled` for use with anchors and buttons
  - Add support for `Home` and `End` keys for navigating tabs by keyboard
  - Added some basic styling to toggle buttons when no modifier class is present
  - Fixed carousel colors in dark mode
- **Forms:**
  - Fixed floating label disabled text color
- **Utilities:**
  - `.text-bg-*` utilities now use CSS variables
- **Sass:**
  - Add new `$navbar-dark-icon-color` Sass variable
  - Removed duplicate `$alert` Sass variables
  - Added a new variable for `$vr-border-width` to customize the vertical rule helper width
- **Documentation:**
  - Added search to our homepage
  - Improved responsive behavior on Dashboard example
  - Improved dark mode rendering of Cheatsheet examples

---

##### 🎨 CSS

- #38913: Floating labels: fix disabled with text inside
- #38772: `.text-bg-*` helpers now use theme CSS variables
- #38886: New Sass variable to change vertical rule width
- #38851: Fix Sass properties order for newer stylelint-config-recess-order
- #38815: Increase contrast in dark-mode (#38525)
- #38774: Generalize disabled nav links CSS rules
- #38673: Add `$navbar-dark-icon-color`
- #38674: Remove duplicate `$alert-*-scale` Sass vars

##### ☕️ JavaScript

- #38498: Support `Home` and `End` keys in tabs

##### 📖 Docs

- #38958: Examples: improve spinner buttons accessibility
- #38947: Fix postcss plugin options
- #38885: Docs: Update float responsive examples
- #38946: Docs: remove v4 reference on homepage
- #38948: Fix some typos in Customize > Sass doc
- #38840: Docs: fix carousel carousel colors of carousel examples in dark mode
- #38604: Add dropdown alignment options to button group example
- #38894: Docs: add blank target and `noopener` rel to footer external links
- #38902: Fix tooltip generated markup documentation
- #38883: Docs: Fix incorrect class name on migration guide
- #38708: add a base class style display for toggle buttons
- #38827: Docs: add missing `aria-disabled='true'` to disabled anchors
- #38844: Fix for text-reset example class name
- #38838: JS/SCSS shortcodes: Add new feature to remove nested calls inside.
- #38850: Add docs search to homepage
- #38872: Docs: Improve Text Alignment Example
- #38865: Fix custom-radio class name on migration guide
- #38786: Explicitly add missing opacity-0 helper class example for clarity.
- #38707: Update bottom border on dark navbar example
- #38726: Update flex utilities link in navs docs
- #38734: Minor fixes for Docs Versions page
- #38745: Fix stack examples
- #38751: Docs (tooltips): Fix "them" typo in markup section
- #38688: Fix missing word issue on nav-tabs page
- #38681: Docs: consistency between custom buttons, popovers and tooltips
- #38600: collate distribution interval
- #38632: docs(spinners): improve buttons examples accessibility
- #38583: Docs: add more details on accessibility tips
- #38554: Doc: fix 'Events' JS example
- #38592: docs(forms): switch to `aria-describedby`
- #38542: Use `.d-none` instead of inline styling
- #38616: Add 'Issues assignment' section to the Contributing Guidelines
- #38528: Adding a link to `clearfix`
- #38538: Update Sass docs to mention compiling and including
- #38623: Fix disabled element tooltip StackBlitz

##### 🛠 Examples

- #38958: Examples: improve spinner buttons accessibility
- #38952: dashboard: fix offcanvas md display
- #38840: Docs: fix carousel carousel colors of carousel examples in dark mode
- #38905: Fix dark mode rendering of Cheatsheet examples
- #38711: Fix link colors in Sidebars example

##### 🌎 Accessibility

- #38958: Examples: improve spinner buttons accessibil

_[Truncated at 4000 characters — full notes: https://github.com/twbs/bootstrap/releases/tag/v5.3.1]_

### v5.3.0

- Date: 2023-05-30
- Version: v5.3.0
- Original notes: https://github.com/twbs/bootstrap/releases/tag/v5.3.0
- Permalink: https://whatsnew.fyi/product/bootstrap/releases/v5.3.0

### v5.3.0-alpha3

- Date: 2023-04-03
- Version: v5.3.0-alpha3
- Original notes: https://github.com/twbs/bootstrap/releases/tag/v5.3.0-alpha3
- Permalink: https://whatsnew.fyi/product/bootstrap/releases/v5.3.0-alpha3
- Labels: Pre-release

- **fixed** — Fixed wrong interpolated variables with node-sass/Hugo
- **added** — Added a check for interpolated variables to catch compilation errors with Node Sass when using Sass variables in calc() functions
- **changed** — Started using --bs-border-radius variables across more components
- **added** — Added .d-inline-grid utility class
- **fixed** — Fixed .tooltip-inner placement when using variations in fallbackPlacements
- **fixed** — Fixed selectors for dark mode carousel overrides when compiling with $color-mode-type: media-query
- **changed** — Updated the styling of floating labels when floated to include a background-color to help with multiple lines of text in textareas and fixed the colors when form elements are disabled in floating forms
- **changed** — Updated RFS to v10.0.0

- Fixed wrong interpolated variables with node-sass/Hugo.
- Added a check for interpolated variables to catch compilation errors with Node Sass when using Sass variables in `calc()` functions.
- Started using `--bs-border-radius` variables across more components.
- Added `.d-inline-grid` utility class.
- Fixed `.tooltip-inner` placement when using variations in `fallbackPlacements`.
- Fix selectors for dark mode carousel overrides when compiling with `$color-mode-type: media-query`.
- Updated the styling of floating labels when "floated" to include a `background-color` to help with multiple lines of text in `textarea`s. This also fixes the colors when form elements are disabled in floating forms.
- Updated RFS to v10.0.0.

**Full Changelog**: https://github.com/twbs/bootstrap/compare/v5.3.0-alpha2...v5.3.0-alpha3