Here are the highlights of what's new and updated in v4.2.
- New: Added a new spinner loading component.
- New: Added new toast component for displaying notifications.
- New: Added a new iOS style switch (a modifier class to our custom checkboxes).
- New: Added touch support in our carousel component.
-
New: Added
.font-weight-lighter
and.font-weight-bolder
utilities. -
New: Added
.text-decoration-none
utility class. -
New: Added
.modal-xl
modifier class for our modals. -
New: Added new negative margin utility classes (e.g.,
.mb-n3
). These rad new classes not only allow you more control over your general spacing needs, but also allow you to create responsive grid gutters at each breakpoint. -
New: Validated form fields now have feedback icons on
:invalid
and:valid
fields. Disable them with the$enable-validation-icons
boolean Sass variable (defaults totrue
). - New: Added a new versions page to our docs
- New: Tooltips/Popovers work with Shadow DOM
- Updated: Redesigned the custom checkboxes and radios for more obvious states.
-
Updated:
bootstrap-grid.css
now includes ourmargin
andpadding
utilities for full control of our grid system. -
Updated: Changed auto columns (e.g.,
.col-auto
) frommax-width: none
tomax-width: 100%
to prevent content from causing a column to overflow the parent. - Updated: Improved rendering of custom selects, ranges, file input, and more.
Checkout the full v4.2.0 ship list and GitHub project for the full details. Up next is v4.3 with some bugfixes, a few new modifier classes and variables, and some new utilities.
Head to to the v4.2.x docs to see the latest in action. The full release has been published to npm and will soon appear on the Bootstrap CDN and Rubygems.