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-linkutility to make any anchor the size of it's nearestposition: relativeparent, perfect for entirely clickable cards!.text-breakutility for applyingword-break: break-word.rounded-smand.rounded-lgfor small and largeborder-radius..modal-dialog-scrollablemodifier class for scrolling content within a modal..list-group-horizontalmodifier classes for displaying list groups as a horizontal row.nullfor variables that by default inherit their values from other elements (e.g.,$headings-colorwasinheritand is nownulluntil you modifier it in your custom CSS).background-colorlike our buttons.hrefHTML attribute to avoid JavaScript errors. Please try to use valid selectors or thedata-targetHTML attribute/targetoption where available.white-space: nowrapto.dropdown-toggle(before v4.2.1 it was on all.btns) so carets don't wrap to new lines.img-retina,invisible,float, andsizemixins are now deprecated and will be removed in v5.CSS
.stretched linkutility for turning an anchor into a larger hit area.badgefocus styles to theirbackground-colors like buttons.table-dark'sbackground-colorto the$gray-darkvariable$table-hover-colorvariables$dropdown-divider-margin-y.text-breakutility for applyingoverflow-wrap: break-word, falling back toword-break: break-word.form-checkinputs from shrinking in narrow widths$border-color$table-border-colorwith$border-color#27875: Sync$table-border-colorwith$border-colorborder-radius()mixin for toasts.input-group-text$enable-transitionsandprefers-reduced-motionmedia query #27986: Make progress animation respect$enable-transitionsandprefers-reduced-motionmedia query.list-group-itemto.list-group-item-action$grid-breakpointsand$container-max-widths#28033: Remove map-merge in$grid-breakpointsand$container-max-widthsbackground-*properties into shorthands!importantto.text-monospaceutility class #28064: Add!importantto.text-monospaceutility classinvisible()mixinsize()mixinimg-retina()mixindeprecate()mixin #28092, Add default value for$ignore-warning#28103: Adddeprecate()mixinborder-top-left-radiusandborder-bottom-right-radiusmixins #28100: Createborder-top-left-radiusandborder-bottom-right-radiusmixins$dropdown-padding-yis not 0 #28127: Fix dropdown radius if$dropdown-padding-yis not 0-ms-autohiding-scrollbarto prevent overlapping the table content.btn-linktext decoration with link text decorationJS
getSelectorFromElementreturnnullon bad selectorsdata-rideon initializationDocs
min-heightbug with flexboxtwitterJekyll variable everywhere #27990: use thetwitterJekyll variable everywhere/docs/4.2/components/to the alerts page.nav-justifiedexample #28193: Fix.nav-justifiedexample-ms-overflow-style: -ms-autohiding-scrollbar#28220: remove-ms-overflow-style: -ms-autohiding-scrollbaras per Remove -ms-autohiding-scrollbar for prevent overlap the table content #28153Examples
tabindex="-1"andaria-disabled="true"on disabled linksMeta
Build tooling