Bootstrap v5.3.1 Released: New Color Modes, Component Enhancements, and Documentation Updates
Bootstrap v5.3.1 has been released, introducing enhanced dark‑mode color contrast, updated component styles, new Sass variables, keyboard navigation improvements, and documentation upgrades such as homepage search and better responsive examples, along with various bug fixes.
Bootstrap v5.3.1 has been released, bringing bug fixes, documentation improvements, and several enhancements focused on color modes, components, forms, utilities, Sass, and documentation.
Color modes
Replace $gray-500 with $gray-300 to increase contrast in dark mode.
Add a JavaScript color‑mode switcher to the example ZIP download.
Components
Improve the disabled style for .nav-link and provide .disabled and :disabled selectors for anchors and buttons.
Add Home and End key support for keyboard‑navigation tabs.
Add basic styles for toggle buttons when no modifier class is present.
Fix carousel color rendering in dark mode.
Forms
Fix the disabled text color for floating labels.
Utilities
The .text-bg-* utilities now use CSS variables.
Sass
Add new variable $navbar-dark-icon-color.
Remove duplicate $alert variable.
Add new variable $vr-border-width for customizing vertical‑rule width.
Documentation
Add search functionality to the homepage.
Improve responsive behavior on dashboard examples.
Enhance rendering of the cheatsheet example in dark mode.
Signed-in readers can open the original source through BestHub's protected redirect.
This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactand we will review it promptly.
Laravel Tech Community
Specializing in Laravel development, we continuously publish fresh content and grow alongside the elegant, stable Laravel framework.
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.