Bootstrap 5.3.3

Bootstrap v5.3.3 is here with bug fixes, documentation improvements, and more follow-up enhancements for color modes. Keep reading for the highlights! 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 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 , and 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. Docs Dropped unnecessary right margin for example code blocks. Fixed emphasis text utilities usage in background utilities examples section. Added an technical explanation on how to render an accordion expanded by default. Changed Vite config path import in Vite guide. Enhanced the card image description of the .card-img-* classes. Mentioned shift-color() function in the Sass customization page among tint-color() and shade-color(). Added missing type="button" attribute to the Cheatsheet examples navigation buttons. Updated the colors table in the customization page to be responsive. Get the release Head to https://getbootstrap.com for the latest. It’s also been pushed to npm: npm i bootstrap@v5.3.3 Read the GitHub v5.3.3 changelog for a complete list of changes in this release. Support the team Visit our Open Collective page or our team members’ GitHub profiles to help support the maintainers contributing to Bootstrap.

Mar 15, 2024 - 21:18
 0
Bootstrap 5.3.3
Techatty All-in-1 Publishing
Techatty All-in-1 Publishing

Bootstrap v5.3.3 is here with bug fixes, documentation improvements, and more follow-up enhancements for color modes. Keep reading for the highlights!

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 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
    ,
    and
    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.

Docs

  • Dropped unnecessary right margin for example code blocks.
  • Fixed emphasis text utilities usage in background utilities examples section.
  • Added an technical explanation on how to render an accordion expanded by default.
  • Changed Vite config path import in Vite guide.
  • Enhanced the card image description of the .card-img-* classes.
  • Mentioned shift-color() function in the Sass customization page among tint-color() and shade-color().
  • Added missing type="button" attribute to the Cheatsheet examples navigation buttons.
  • Updated the colors table in the customization page to be responsive.

Get the release

Head to https://getbootstrap.com for the latest. It’s also been pushed to npm:

npm i bootstrap@v5.3.3

Read the GitHub v5.3.3 changelog for a complete list of changes in this release.

Talk to Techatty
Talk to Techatty

Support the team

Visit our Open Collective page or our team members’ GitHub profiles to help support the maintainers contributing to Bootstrap.

Web and Cloud LLC Your reliable technology partner, and digital inclusion advocate from Miami, Florida. Web and Cloud is a technology partner with extensive expertise in consulting, software engineering, server infrastructure and services, support and management of technology projects for companies of all sizes. Let's talk about leveraging the power of innovative technology, and AI & Human collaboration to help your business or startup works smarter, move faster, and achieve greater success. *Login or create a free account at my.webandcloud.com to get started.
Web and Cloud LLC - talk to us and let's discuss your needs.
Let's help transform your business