Bootstrap is the world’s most popular front-end open-source toolkit, featuring Sass variables and mixins, a responsive grid system, extensive prebuilt components, and powerful JavaScript plugins. Now Bootstrap v5.1.2 is here with a handful of improvements & changes across the components, plus a fix for an issue in another project that prevented the Sass from compiling properly. So today I’ll share some major highlights and changes of V5.1.2 with you.

Highlights

• Temporarily patched a postcss-values-parser issue by rearranging our calc() functions that use negative numbers. This should restore the ability to import and compile Bootstrap’s Sass in create-react-app.
• Added border-radius sizes to small and large .form-selects
• Added align-self: center to buttons for improved rendering in flex containers
• Fixed Collapse regression that prevented toggling between sibling children
• Updated JS Sanitizer to add sms in the SAFE_URL_PATTERN
• Improved docs around .img-fluid
• Added role=“switch” to our form switches in our docs
• Implemented GitHub Issue forms to replace our previous issue templates.

Get the release

You can view the latest documentation of Bootstrap 5.1.2 here https://getbootstrap.com. It’s also been pushed to npm, So you can install it via npm by this command.

npm i bootstrap 

Changes

CSS

• #34799: fix custom property values of row overrides individual cell
• #34834: Add align-self: center to buttons for improved rendering in flex containers
• #34853: Add border-radius sizes to small and large .form-selects
• #34861: Separator for table direct children
• #35017: Use Sass variable instead of RGB components
• #35033: Add workaround for dart sass compile error

JavaScript

• #34951: Fix Collapse regression of handling toggling between sibling children
• #34980: Minor refactoring
• #35074: sanitizer: add sms in the SAFE_URL_PATTERN

Docs

• #34824: docs: Add role=“switch” to switches
• #34918: docs: Update RFS version & move “v” prefix to config.yml
• #34920: Fix Backdroped typo
• #34921: Fix JavaScript typo
• #34922: fix predefined typo
• #34923: fix utilities typo
• #34926: Improve description of .img-fluid in docs
• #34935: Non-blocking typo fix
• #34936: replace dummy text with English for Text truncation page
• #34946: Changes some latin/dummy text to English
• #35013: Add offcanvas to the components requiring JavaScript
• #35111: Fix capitalization after period in contents.md

Up Next

Up next is our v5.2.0 release, in which we are adding more utility enhancements and fixing an issue with how Sass handles re-assigned maps and variables. Besides that, we’ll be shipping an update to Bootstrap v4 soon as well.