Description Highlights
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 to true).New: Added a new versions page to our docsNew: Tooltips/Popovers work with Shadow DOMNew: Added custom form control switchUpdated: bootstrap-grid.css now includes our margin and padding utilities for full control of our grid system.Updated: Changed auto columns (e.g., .col-auto) from max-width: none to max-width: 100% to prevent content from causing a column to overflow the parent.
CSS
v4.2: Spinners! #22960 v4.2: Add new toasts component #22980 fix fade animation for toast #27792 Fix margin above toast when previous toast is hidden #27820 v4.2: switch custom form control #23004 Ligthen/Darken Button focus shadow color #24507 Button group refactoring and fixes #25395 Added Viewport Height & Width helpers #25548 Add documentation about viewport sizing utilities #27688 Variable darken percentage for emphasized links #25575 fix(table): Add border color relative to theme for accessibility #25755 Fix readonly-plain-text with button addon #25871 Embed responsive tweaks #25894 Add .text-decoration-none utility class #25933 .text-decoration-none utility classAdd dropdown responsive alignment #26255 Sync with normalize 8.0.0 #26296 Custom input range disabled styling #26540 :disabled styles for custom range inputCard header color theming #26573 Inherit $card-cap-color color #27681 add 'lighter' and 'bolder' font weight classes #26580 lighter and bolder font weight utility classesFix custom-select font size/padding #26585 .custom-select's font-size and padding to the .form-selectIgnore percentage values for compare in maps #26689 $grid-container-widths).Prevent pointer-events on disabled anchor dropdown-item #26700 Easy merging of new grid breakpoints and containers #26714 Add .modal-xl modifier #26821 .modal-xl modifierRestore feedback icons on validated form fields #26824 Negative margins #26825 add text-reset to text utilities #26866 Fix custom range height #26898 padding and updating height valuesPrevent hover/click on disabled .close links #26899 .close linksCarousel indicators transition #26902 opacity so we can easily add a transitionVariable .btn and .form-control font sizes #26908 .btn and .form-control font sizesBring the focused button in input group to the front #26910 feature/yiq function, add parameters, with default values. #26917 Add margin utils to the grid for fully functional grid control #26957 Add new variables for form feedback tooltips #26959 Allow multiple ways of padding declaration for modal header #26976 x and y variables for modal header padding.Simpler carousel indicators css #26996 Remove grid columns min-height #26997 min-height: 1px on grid columns because flex grid doesn't collapse empty columns like our previous float-based gridMove transparent background to .btn and remove background-image #27003 .btn and remove background-image.Tweak modal transform #27005 Remove nowrap from .btn #27010 white-space: nowrap from .btns, largely to fix wrapping issues with .btn-link, but also because wrapping button text is better than text breaking out of a buttonCustom checkboxes and radios retheming #27064 More flexible blockquote footer font size #27066 Floating label input height #27092 Fix size of modal dialogs at different widths #27094 Set max-width to 100% #27116 max-width: 100% on auto columns to prevent content from causing a column to overflow it's parent.Fix double border on list-group #27126 Round corners on modal footer #27127 Fix for double border on cards in an accordion #27133 Fix custom file input focus border color #27134 Remove -webkit-text-decoration-skip #27144 -webkit-text-decoration-skip from RebootMove hovered badge's text-decoration CSS to base styles #27149 feat: keep contrast on .table-dark #27160 .table-darkCustom select validation tweaks #27175 Unitless breakpoints #27190 Creates variables for navbar brand colors #27211 Selector improvement linked badge #27219 Consistently re-use input variables #27249 Cleanup .btn-link hover/focus properties #27250 .btn-link hover/focus background and border resetsAdd overflow-auto and overflow-hidden utilities #27268 .overflow-auto and .overflow-hidden utilitiesuser-select has no effect on before/after pseudo elements #27276 Re-add carousel control transition #27277 Carousel fade cleanup #27278 Fix Edge bounce and restore original transition easing #27279 optimize data URIs #27284 Use the hover mixin in the outline button variant mixin #27289 Add new .rounded-pill utility #27339 .rounded-pill utilityFixes the variables for input font size #27342 Adds font weight options for form controls and custom select #27343 Made the disabled state for nav more obvious. #27382 Fixing #26372: disabled btn hover issue #27407 When buttons is disabled and gradients are enabled, hover state changes background #26372 Custom select inconsistent paddings #27415 Prevent active state border change #27511 Carousel crossfade > Prevent the background to be shown when transitioning #27529 Fix empty custom-control-label alignment issue #27566 add .text-wrap class #27568 .text-wrap classAvoid null value #27570 Add Sass variable for prefers-reduced-motion, add callout to affected components #27581 prefers-reduced-motion, add callout to affected componentsFix modal positioning on Android #27592 Add Noto Sans to the font stack #27596 Add quotes according to the stylelint rule #27771 Minor/Docs: tweak accordion example heading level #27620 Customize browse text of the custom file input with HTML #27651 Prevent text decoration skip ink and reorder comments #27673 Add support for custom-select sizing in input-group #27677 Fixed a fixed height issue of input-group size option #27687 [Dropdown] Add border-radius to dropdown items #27703 Grow button width to the parent button group #27717 Make form grid gutter width configurable #27766 Remove redundant brackets #27768 Remove now unnecessary -ms-viewport and -ms-overflow-style directives #27789 -ms-viewport and -ms-overflow-style directivesCustom control gutter fix #27797 Add missing $gutter parameter (with default value) to grid mixins. #27841
JS
Docs
Examples
Build / Meta
Add transition to property-blacklist #26922 Update devDependencies and gems. #26960 Update devDependencies and gems. #27043 Update devDependencies and gems. #27103 Update devDependencies. #27130 Update devDependencies. #27199 Update devDependencies and gems #27367 Update devDependencies and gems. #27446 Update devDependencies and gems. #27540 Update devDependencies and gems. #27584 Update devDependencies and gems. #27637 Update devDependencies. #27764 Move to BrowserStack #27007 package.json: be more explicit with the files we include. #27013 add babel plugin proposal object rest spread to our dev deps #27056 Refactor karma config #27217 Switch to find-unused-sass-variables for finding unused Sass variables. #27251 find-unused-sass-variables package for finding unused Sass variablesMake release-zip include the root folder. #27272 Tweak build/build-plugins.js. #27318 Tighten stylelint config. #27336 Rename docs production script to production. #27410 JEKYLL_ENVAdd a release npm script. #27413 release npm scriptRemove sri-toolbox dependency. #27414 Delete sache.json #27530 Jekyll: switch to localhost #27552 Remove htmllint. #27603 Reorganize npm scripts. #27604 Jekyll: Add wdm gem for Windows. #27658 enforce lowercase class name in .stylelintrc #27668 Reactions are currently unavailable
You can’t perform that action at this time.
Highlights
.font-weight-lighterand.font-weight-bolderutilities..text-decoration-noneutility class..modal-xlmodifier class for our modals..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.:invalidand:validfields. Disable them with the$enable-validation-iconsboolean Sass variable (defaults totrue).bootstrap-grid.cssnow includes ourmarginandpaddingutilities for full control of our grid system..col-auto) frommax-width: nonetomax-width: 100%to prevent content from causing a column to overflow the parent.CSS
.text-decoration-noneutility class:disabledstyles for custom range inputlighterandbolderfont weight utility classes.custom-select'sfont-sizeandpaddingto the.form-select$grid-container-widths)..modal-xlmodifierpaddingand updatingheightvalues.closelinksopacityso we can easily add atransition.btnand.form-controlfont sizesxandyvariables for modal header padding.min-height: 1pxon grid columns because flex grid doesn't collapse empty columns like our previous float-based grid.btnand removebackground-image.white-space: nowrapfrom.btns, largely to fix wrapping issues with.btn-link, but also because wrapping button text is better than text breaking out of a buttonmax-width: 100%on auto columns to prevent content from causing a column to overflow it's parent.-webkit-text-decoration-skip#27144: Remove-webkit-text-decoration-skipfrom Reboot.table-dark#27160: keep contrast on.table-dark.btn-linkhover/focus background and border resets.overflow-autoand.overflow-hiddenutilities.rounded-pillutility #27339: Add new.rounded-pillutility.text-wrapclass #27568: add.text-wrapclassprefers-reduced-motion, add callout to affected components-ms-viewportand-ms-overflow-styledirectivesJS
olandullistsshowandhidemethods to dropdownModal.disposeand add test #27455, fix dispose modal unit test #27563: Modal - test dispose and fix initialization of_isTransitioningModal.prototype._getScrollbarWidthin tests #27472: UseModal.prototype._getScrollbarWidthin testsDocs
.browserslistrcfrom v4.1.3widthon the docs' search results on hoverfont-weight: 500tofont-weight: 600because Segoe UI on Windows doesn't have a500weight.httpsin more places and fix a few redirectsselectoroption clearer/extend/to/extend/approach/. #27641: Redirect/extend/to/extend/approach/data-srcwithsrc="..."in docs. #27649: Replacedata-srcwithsrc="..."srcsetfor the non-vector images.browserslistrcfile #27675: Update autoprefixer link to.browserslistrcfile.text-decoration-nonespaninstead ofdivin anchorsmailtoaddressExamples
.btn-secondaryfor the search button so that it's accessible #27255: Switch to.btn-secondaryfor the search button so that it's accessibleBuild / Meta
JEKYLL_ENVreleasenpm script