You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
New: Added .stretched-link utility to make any anchor the size of it's nearest position: relative parent, perfect for entirely clickable cards!
New: Added .text-break utility for applying word-break: break-word
New: Added .rounded-sm and .rounded-lg for small and large border-radius.
New: Added .modal-dialog-scrollable modifier class for scrolling content within a modal.
New: Added responsive .list-group-horizontal modifier classes for displaying list groups as a horizontal row.
Improved: Reduced our compiled CSS by using null for variables that by default inherit their values from other elements (e.g., $headings-color was inherit and is now null until you modifier it in your custom CSS).
Improved: Badge focus styles now match their background-color like our buttons.
Fixed: Silenced bad selectors in our JS plugins for the href HTML attribute to avoid JavaScript errors. Please try to use valid selectors or the data-target HTML attribute/target option where available.
Fixed: Reverted v4.2.1's change to the breakpoint and grid container Sass maps that blocked folks from upgrading when modifying those default variables.
Fixed: Restored white-space: nowrap to .dropdown-toggle (before v4.2.1 it was on all .btns) so carets don't wrap to new lines.
Deprecated:img-retina, invisible, float, and size mixins are now deprecated and will be removed in v5.
Highlights
.stretched-link
utility to make any anchor the size of it's nearestposition: relative
parent, perfect for entirely clickable cards!.text-break
utility for applyingword-break: break-word
.rounded-sm
and.rounded-lg
for small and largeborder-radius
..modal-dialog-scrollable
modifier class for scrolling content within a modal..list-group-horizontal
modifier classes for displaying list groups as a horizontal row.null
for variables that by default inherit their values from other elements (e.g.,$headings-color
wasinherit
and is nownull
until you modifier it in your custom CSS).background-color
like our buttons.href
HTML attribute to avoid JavaScript errors. Please try to use valid selectors or thedata-target
HTML attribute/target
option where available.white-space: nowrap
to.dropdown-toggle
(before v4.2.1 it was on all.btn
s) so carets don't wrap to new lines.img-retina
,invisible
,float
, andsize
mixins are now deprecated and will be removed in v5.CSS
.stretched link
utility for turning an anchor into a larger hit area.badge
focus styles to theirbackground-color
s like buttons.table-dark
'sbackground-color
to the$gray-dark
variable$table-hover-color
variables$dropdown-divider-margin-y
.text-break
utility for applyingoverflow-wrap: break-word
, falling back toword-break: break-word
.form-check
inputs from shrinking in narrow widths$border-color
$table-border-color
with$border-color
#27875: Sync$table-border-color
with$border-color
border-radius()
mixin for toasts.input-group-text
$enable-transitions
andprefers-reduced-motion
media query #27986: Make progress animation respect$enable-transitions
andprefers-reduced-motion
media query.list-group-item
to.list-group-item-action
$grid-breakpoints
and$container-max-widths
#28033: Remove map-merge in$grid-breakpoints
and$container-max-widths
background-*
properties into shorthands!important
to.text-monospace
utility class #28064: Add!important
to.text-monospace
utility classinvisible()
mixinsize()
mixinimg-retina()
mixindeprecate()
mixin #28092, Add default value for$ignore-warning
#28103: Adddeprecate()
mixinborder-top-left-radius
andborder-bottom-right-radius
mixins #28100: Createborder-top-left-radius
andborder-bottom-right-radius
mixins$dropdown-padding-y
is not 0 #28127: Fix dropdown radius if$dropdown-padding-y
is not 0-ms-autohiding-scrollbar
to prevent overlapping the table content.btn-link
text decoration with link text decorationJS
getSelectorFromElement
returnnull
on bad selectorsdata-ride
on initializationDocs
min-height
bug with flexboxtwitter
Jekyll variable everywhere #27990: use thetwitter
Jekyll variable everywhere/docs/4.2/components/
to the alerts page.nav-justified
example #28193: Fix.nav-justified
example-ms-overflow-style: -ms-autohiding-scrollbar
#28220: remove-ms-overflow-style: -ms-autohiding-scrollbar
as per Remove -ms-autohiding-scrollbar for prevent overlap the table content #28153Examples
tabindex="-1"
andaria-disabled="true"
on disabled linksMeta
Build tooling
The text was updated successfully, but these errors were encountered: