Update dependency twitter-bootstrap to v4.6.2 #5

Merged
kumi merged 1 commit from renovate/twitter-bootstrap-4.x into master 2025-03-10 06:22:49 +00:00
Collaborator

This PR contains the following updates:

Package Update Change
twitter-bootstrap (source) minor 4.0.0-alpha.2 -> 4.6.2

Release Notes

twbs/bootstrap (twitter-bootstrap)

v4.6.2

Compare Source

Highlights
  • Added an example to our Collapse plugin docs to show how to use horizontal collapsing. This has long been possible via our JS, but we never had an official class to utilize it.
  • We've replaced the deprecated color-adjust with print-color-adjust in our Sass files as part of the Autoprefixer v10.4.6 issues. This should quiet the issues folks have seen from that dependency change. If you're using our distribution CSS files, like bootstrap.min.css, you may still see the warning.
  • Tweaked the size of small and .small to compute to a whole pixel value (was 12.8px and now is 14px).
  • Improved accessibility around our dropdowns, color contrast, and role attributes.
  • Fixed some broken links to supporting documentation.
  • Updated dependencies across the board.
What's Changed
New Contributors

Full Changelog: https://github.com/twbs/bootstrap/compare/v4.6.1...v4.6.2

v4.6.1: 4.6.1

Compare Source

What's changed
Full changelog

https://github.com/twbs/bootstrap/compare/v4.6.0...v4.6.1

v4.6.0

Compare Source

Highlights
  • Tooltips and popovers can have custom clases via customClass option.
  • Added new .navbar-nav-scroll class for scrolling expanded navbar contents on mobile devices.
  • For improved accessibiliy, spinners now slow down when prefers-reduced-motion is enabled.
  • v4.x docs are now built on Hugo for easier maintenance and backports from v5.x.
  • Darkened background-color of .dropdown-item for improved hover state contrast, and ligthened the disabled .dropdown-item color.
  • Improved alignment of form validation tooltips.
  • File inputs no longer extend beyond their containers.
CSS
  • #​31557: Fix form validation tooltip alignment
  • #​31657: Handle the Ubuntu sans-serif case
  • #​31700: Suppress flexbox side effects in breadcrumb
  • #​31882: Slow down spinners when prefers-reduced-motion
  • #​31886: Fixed: Undefined mixin "deprecate" when importing "bootstrap-grid-scss"
  • #​32141: Use correct value order
  • #​32145: Avoid invisible real file input "spilling" out of container
  • #​32160: Add overflow suppression to custom file label
  • #​32211: Move negative margin-bottom from .nav-item to .nav-link
  • #​32212: Remove needless Stylelint disables
  • #​32833: Add .navbar-nav-scroll for vertical scrolling of navbar content
  • Add two new variables for pagination border-radius values; backport of #​32423
  • Remove old/unnecessary reboot bug fix; backport of #​32631
  • Suppress focus outline for buttons when it shouldn't be visible in Chromium; backport of #​32689
  • Consistently use outline:0 rather than outline:none; backport of #​32751
  • Darken dropdown item hover style; backport of #​32754
  • Lighten disabled dropdown text to $gray-500
JS
  • #​31820: Check for data-interval on the first slide of carousel
  • #​31834/#​32225: tooltip/popover: add a customClass option
  • #​32001: Move js/src/index.js one folder up
  • #​32045: tests: fix sanitizer test
  • #​32220: Don't hide modal when config.keyboard is false
  • #​32312: build-plugins: switch to "bundled" for babel helpers
Docs
  • #​31861: Split up dropdown sizing docs to improve rendering
  • #​31892: Remove redundant visually hidden "(current)" from pagination controls
  • #​31893: manifest.json: Switch to relative URLs so that we don't need to change the path with every major/minor release
  • #​31898: switch to suggesting jsDelivr as a CDN
  • #​31904:
    • docs(forms): use a legend for fieldset instead of aria-label
    • docs(forms): fix incorrect legend nesting in fieldset
  • #​31936: forms: change inline custom radio name
  • #​31951: Update anchor-js to v4.3.0
  • #​31960: Explicitly mention emoji fonts, tweak sentence in typography
  • #​31981: list-group.md: fix snippet
  • #​32005: Remove bugreport.apple.com since it doesn't work
  • #​32015: Fix redirects
  • #​32050: Make docs anchorjs links darker on keyboard focus
  • #​32054: Add callouts about using light colors ideally on a dark background
  • #​32077: Switch to Hugo
  • #​32083: mention "Liberation Sans"
  • #​32087: download.md: link to JS files comparison too
  • #​32094: Changes to navbar documentation/explanation
  • #​32106: Clarify JS bundle docs once more for v4
  • #​32137: input-group.md: fix wrong class .visually-hidden
  • #​32138: navbar.md: remove loading=lazy from snippets
  • #​32147: Fix caniuse.com redirects
  • #​32151: Mention user-select-all support in docs
  • #​32196: homepage: split snippets and show copy buttons
  • #​32203: Switch to jsDelivr for the remaining docs assets
  • #​32223: introduction: split comments
  • #​32247: Fix typos in tooltip/popover docs
  • #​32253: Add Russian translation
  • #​32363: Remove useless .text-left in Layout / Overview
  • #​32399: Remove duplicated "follow Bootstrap on Twitter" link in Community section
  • #​32457: Add mention of the bs-custom-file-input plugin needed for the custom file input
  • #​32461: style clipboard button on :focus, not just :hover
  • #​32462: Replace Lorem Ipsum placeholder text with more representative (or at least english language) text
  • #​32634: Remove incorrect mention of dropdowns for dynamic tab behavior
  • #​32639: v4: Add an actual data-touch="false" example in the carousel docs
  • #​32728: add v5.0 in versions
  • #​32761: Mention stretched-link constraints with table elements
  • #​32789: Remove role="button" from CTA links in carousel example
  • #​32791: Docs v4: Sass implementation and rounding precision
  • #​32809:
    • Clarify Sass import and customize docs for how to modify variable defaults
    • Add an npm starter project callout to a few pages
  • #​32827: Add a live toast example to the docs
  • #​32759: Mention CSP and embedded SVGs in v4 docs
  • docs(dropdowns): clarify where is .show applied
  • Require .has-validation for input groups with validation
  • Fix mobile menu jump & double border
  • Remove double spaces from homepage SVGs
  • browserconfig.xml: switch to relative image path
  • Tweak the wording for collapse to indicate button is preferred/more semantic; backport of #​32632
  • Clarify the $enable-shadows option in our docs; backport of #​32685
Examples
  • #​31979: v4 Examples/Floating-labels: fix bad behavior with autofill
  • #​32198: examples: add the version number in title
Misc
  • #​29753: Improve build/generate-sri.js regex
  • #​32003: CI: switch to Node.js 14
  • #​32008: Update Edge's Rendering Engine on CONTRIBUTING.md
  • #​32486: BrowserStack: test on macOS Catalina instead of High Sierra
  • #​32756: Stylelint: disallow some property values
  • Fix for npm 7.x package.json: move version_short variable under the config object; backport of #​32737
  • Update build-examples script so that the resulting examples zip file includes only the needed files
  • Various CI tweaks
  • Updated devDependencies

v4.5.3

Compare Source

CSS
  • #​31653: Add a comment to our escape-svg function to note that data URIs must be quoted.
  • #​31693: Use the custom-control shadow variable instead of the generic input-focus-box-shadow.
  • #​31793: Backport some v5 changes (improved th styling in Reboot, custom form field styling when printing, and improvements to .text-break).
    • #​29714: Keep custom check, radio, and switch theme when printing.
    • #​30781: Reboot's th updates: Inherit font-weight: bold that comes from user agent stylesheets.
    • #​30932: .text-break changes to drop overflow-wrap and use word-wrap once again
    • #​31754: Improve versions page rendering (also reversed the order while I was here)
  • #​31846: Backports the z-index change to .close buttons in dismissible .alerts.
JS
  • #​31000: Avoid multiple change event trigger in buttons plugin. Not applicable to v5 since our button JS plugin has been mostly replaced with pure CSS.
  • #​31673: Fix dropdown variable always evaluating to true.
  • #​31696: Ensure hidePrevented.bs.modal can be prevented.
  • #​31718: Backports new $dropdown-padding-x variable from v5.
Docs
  • #​30811: Mention GPU acceleration fix in docs callout for popovers. Doesn't apply to v5 since we're updating to Popper v2.
  • #​30838: Explain the dispose method more appropriately.
  • #​31706: Backports updated margins for code snippets for improved readability.
  • #​31769: Backports JS bundle guidance from v5.
  • #​31851: Backports mention of missing to and nextwhenvisible methods.
Misc
  • #​31297: Switch to xo ESLint config
  • Updated devDependencies versions

v4.5.2

Compare Source

This release addresses the following two issues:

  • #​31438 restores the make-container-max-widths mixin. We won't be using the mixin ourselves, but it will remain in the codebase for the rest of v4 with today's release. We've added a deprecation notice as well.
  • #​31439 removes flex: 1 0 100% from .rows. This was added to address shrinking rows inside the navbar component after our responsive containers were added in v4.4.0. Removing this rolls us back to the expected grid and flex behavior—your row will shrink unfortunately without further changes. We could add extra custom CSS to address this, but it seems shortsighted to rush into that. Instead, apply .flex-fill to the .row and your row will behave as usual.

v4.5.1

Compare Source

CSS
  • #​30808: Simplify list-group borders in cards
  • #​30810: Add z-index to .custom-check to fix their rendering in CSS columns
  • #​30817: Add border-radius to .card-img-overlay
  • #​30830: Prevent conflicts with components with classes
  • #​30922: Fix color on disabled checked state for custom controls
  • #​30932: Restore word-break: break-word; on .text-break utility.
  • #​30940: Prevent .row from shrinking in flex containers
  • #​30957: Nullify custom form states' box-shadow
  • #​30959: Toasts in IE11
  • #​30960: Fix IE11 validation tooltip alignment in input groups
  • #​30965: Improve floating labels example in IE
  • #​30966: Improve floating labels with Edge and a general refactor
  • #​30969: Remove duplicated container breakpoints in compiled CSS
  • #​30999: Revert min-width: 0 on .col due to unforeseen side effects
  • #​31148: Remove duplicate properties on custom controls
  • #​31165: Remove backdrop-filter from docs subnav and toasts
  • #​31339: Add link to view docs pages on GitHub
  • #​31347: Turn off scroll anchoring for accordions
  • #​31381: Remove overflow: hidden from toasts
JavaScript
  • #​30326: Prevent overflowing static backdrop modal animation
  • #​30936: Add role="dialog" in modals via JavaScript
  • #​30992: Avoid preventing input event onclick
  • #​31155: Clear timeout before showing the toast
Build
Docs
  • #​30809: Update docs callout for responsive SVG images
  • #​30813: Mention Bootstrap Icons in extend/icons.md page
  • #​30896: Improve wording on Downloads page
  • #​30897: Prevent skip links from overlapping header in docs
  • #​30973: Update some nav examples by removing .nav-item from .nav-link to be more consistent
  • #​31070: Fix some broken examples and typos
  • #​31135: Move color utility callouts to start of page
  • #​31234: Clean up docs forms for accessibility
  • #​31344: Mention toasts in the components requiring JavaScript page

v4.5.0

Compare Source

Highlights
  • New interaction utilities. Quickly set user-select with the new utilities and Sass map.
  • New Reboot style for pointer cursors. We now include a role="button" selector in Reboot to set cursor: pointer on non-<button> element buttons.
  • Examples are now downloadable. We've added a script to zip up and offer all our Examples as their own download from the docs.
  • Saved ~5% from the compressed minified JS builds.
  • Added guidance to our docs for how to work around our longstanding input group rounded corner bug.
  • Redesigned docs homepage and navbar to increment us towards v5's new docs design.
  • Deprecated bg-gradient-variant mixin as it's being removed in v5.
  • Updated to jQuery v3.5.1, Jekyll v4, and dropped Node.js < 10 for development.
CSS
  • #​29413: Prevent vertical offset on progress bar in IE11
  • #​29745: Add display: flex on .breadcrumb-item
  • #​29819: Allow percentages in container widths
  • #​29857: Escape brackets
  • #​29946: Added new variable for padding on dropdown header
  • #​30004: Fixes disabled .btn cursor
  • #​30036: Added focus state to .btn-link
  • #​30043: Fix IE auto-size input-group to column
  • #​30049: Prevent grid with default cols from breaking when large pre is present by setting min-width: 0
  • #​30074: Use word-wrap in .text-break for IE and Edge compatibility
  • #​30166: Avoid border-radius functions returning negative values
  • #​30183: Remove unnecessary reduce motion when $enable-transition: false
  • #​30244: Fix centered modal scrolling issue
  • #​30262: Prevent link underline change from affecting some components
  • #​30361: Remove appearance from date inputs
  • #​30391: Prevent redundant transition: none in transition()` mixin
  • #​30497: Fix card list group borders & radii
  • #​30504: Fix spinner-grow animation in Safari
  • #​30515: Add .card-footer color
  • #​30555, #​30512, #​30480: Use box-shadow mixin for .form-select, .btn, and other form controls
  • #​30562: Added new interaction utilities for user-select and a new - role="button" in Reboot to set cursor: pointer.
  • #​30582: Delete unnecessary appearance: none from button.close
  • #​30594: Deprecate bg-gradient-variant mixin
  • #​30605, #​30606: Grid now checks for for $grid-columns > 0
  • #​30609: Checks for an empty $grid-breakpoints map list to remove all breakpoints
  • #​30660: Prevent list group style leaks
  • #​30685: Disable auto-hiding scrollbar in IE and legacy Edge
JavaScript
  • #​29986: Close modal with keyboard=true & backdrop=static
  • #​29968: sanitizer.js: Add srcset in the allowed attributes
  • #​30381: Updated tab.js to address accessibility issue when using ul/li semantic
  • #​30383: ensure totype always return stringified null when null passed
  • #​30388: enable button toggle on label when checkbox is inside
  • #​30490: Switch to string constants to save ~5% on compressed file size
  • #​30510, #​30511: Fix event propagation from inactive and disabled dropdowns
  • #​30744: ensure build plugins can exit in error
  • #​30772: Prevent scrollbar replacement on non-integer width
  • 22f75c: scrollspy: only accept valid Elements as input for target
Docs
  • Redesigned docs homepage
  • Improved tap target sizing in our navigation
  • Added examples for our input group border-radius workaround
  • Added warning to browser bugs page that it's no longer maintained
  • Added loading="lazy" for images
  • #​29782: Improve wrapping and hit area of accordion example titles
  • #​29820: move width after make-container() mixin
  • #​29937: Add missing Noto Sans font to font stack
  • #​29956: Add Microsoft Edge for macOS to supported browsers
  • #​30130: Added ability to zip and download our Examples
  • #​30175: Add version number in page titles
  • #​30180: Changed input group validation examples to reflect issues with input group
  • #​30207: Headings hierarchy in theming.md
  • #​30325: Updated modal docs to simplify data-target usage and more
  • #​30416: Clarify card group behavior
  • #​30469: Remove holder.js leftovers
  • #​30505: Use existing position utility in navbar example
  • #​30695: make the check for URL stricter in our docs search
  • #​30755: Removed role="document" from the modal dialog
Examples
  • #​29886: Fix checkout page forms
  • #​30573: Improve the responsiveness of our Dashboard example
Dependencies
  • Updated jQuery to v3.5.1
  • Replaced bundlesize with bundlewatch
  • Updated to Jekyll v4
  • Drop Node.js < 10
  • Misc devDependencies updates

v4.4.1

Compare Source

v4.4.0

Compare Source

Highlights

Here's what you need to know about v4.4.0. Remember that with every minor and major release of Bootstrap, we ship a new URL for our hosted docs to ensure URLs continue to work.- New responsive containers! Over a year in the making, fluid up to a particular breakpoint, available for all responsive tiers.

  • New responsive .row-cols classes for quickly specifying the number of columns across breakpoints. This one is huge for those of you who have asked for responsive card decks.
  • New escape-svg() function for simplifying our embedded background-image SVGs for forms and more.
  • New add() and subtract() functions for avoiding errors and zero values from CSS's built in calc feature.
  • New make-col-auto() mixin to make our .col-auto class available with custom HTML.
  • Fixed an issue with Microsoft Edge not picking up :disabled styles by moving selectors to [disabled].
  • Deprecated: bg-variant(), nav-divider(), and form-control-focus() mixins are now deprecated as they're going away in v5.
  • Updated our spacing and alignment for modal footer elements like buttons to automatically wrap when space is constrained.
  • More flexible form control validation styles thanks to fewer chained selectors. Also updated the :invalid validation icon to be an alert instead of an &times; to avoid confusion with browser functionality for clearing the form field value.
  • Fixed a couple dozen CSS and JS bugs.
  • Moved to GitHub Actions for CI/CD! Expect more updates to our CI setup over time here while Actions evolves.
  • Updated documentation to fix links and typos, improved landmarks for secondary navigation, and a new security doc for guidelines on reporting potential vulnerabilities.

v4.3.1

Compare Source

  • Security: Fixed an XSS vulnerability (CVE-2019-8331) in our tooltip and popover plugins by implementing a new HTML sanitizer
  • Fixed a small issue with our RFS (responsive font sizes) mixins

v4.3.0

Compare Source

Highlights
  • 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.

v4.2.1

Compare Source

Bump to v4.2.1 to republish package on npm. See v4.2.0 release notes for changes introduced in v4.2.

v4.1.3

Compare Source

  • Fixed: Removed the :not(:root) selector from our svg Reboot styles, resolving an issue that caused all inline SVGs ignore vertical-align styles via single class due to higher specificity.
  • Fixed: Moved the browserslist config from our package.json to a separate file to avoid unintended inherited browser settings across npm projects.
  • Fixed: Buttons in custom file inputs are once again clickable when focused.
  • Improved: Bootstrap's plugins can now be imported separately in any contexts because they are now UMD ready.
  • Improved: .form-controls now have a fixed height to compensate for differences in computed height across different types. This also fixes some IE alignment issues.
  • Improved: Added Noto Color Emoji to our system font stack for better rendering in Linux OSes.

v4.1.2

Compare Source

  • Fixed an XSS vulnerability in tooltip, collapse, and scrollspy plugins
  • Improved how we query elements in our JavaScript plugins
  • Inline SVGs now have the same vertical alignment as images
  • Fixed issues with double transitions on carousels
  • Added Edge and IE10-11 fallbacks to our floating labels example
  • Various improvements to form controls, including disabled states on file inputs and unified focus styles for selects

Checkout the v4.1.2 ship list and GitHub project for the full details.

v4.1.1

Compare Source

Our first patch release for Bootstrap 4! Here's a quick rundown of some of the changes:

  • Added validation styles for file inputs
  • Improved printing of dark tables
  • Suppressed that text-hide deprecation notice by default
  • Cleaned up some JS globals and improve coverage
  • Bumped dependencies, namely Jekyll
  • Fixed docs issue with incorrect name for our monospace font utility

Checkout the v4.1.1 ship list and GitHub project for the full details.

v4.1.0

Compare Source

  • Added new custom range form control.
  • Added new .carousel-fade modifier to switch carousel from horizontal sliding to crossfade.
  • Added new .dropdown-item-text for plaintext dropdown items.
  • Added new .flex-fill, .flex-grow-*, and .flex-shrink-* utilities.
  • Added new .table-borderless variant for tables.
  • Added new .text-monospace utility.
  • Added new .text-body (default body color), .text-black-50 (50% opacity black), and .text-white-50 (50% opacity white) utilities.
  • Added new .shadow-* utilities for quickly adding box-shadows.
  • Added ability to disable Popper's positioning in dropdowns.
  • Fixed longstanding issue with Chrome incorrectly rendering cards across CSS columns.
  • Deprecated .text-hide—you'll see a warning during compilation—as it's a dated and undocumented feature.
  • Fixed up Dashboard and Offcanvas examples across Firefox and IE.
  • Breadcrumbs can now use non-string values as dividers.
  • Updated our Theming docs to confirm you cannot use CSS variables in media queries (sorry folks!).

Be sure to look at the ship list and project board for more details on all our fixes.

v4.0.0

Compare Source

Our first stable v4 release! 🎉

Highlights:
  • Brand new examples and overhauls for existing ones.
  • Additional border utilities have been added and the default border-color for them darkened from $gray-200 to $gray-300.
  • Pagination focus styles now match button and input focus state.
  • Added responsive .order-0 classes to reset column order.
  • Improved examples of form validation documentation by adding tooltip examples and more.
  • New documentation added for using our CSS variables to the Theming page.
  • Improved consistent across browsers when printing.
  • Sass map extends and docs
  • New and improved print display utilities
Project board

For more details, visit https://github.com/twbs/bootstrap/issues/25098.

v4.0.0-beta.3

Compare Source

Breaking changes

As mentioned in our Beta 2 release, we needed to make a few more breaking changes in Beta 3. We've summarized them here and in our migration docs—be sure to read them!

  • Rewrote native and custom check controls. Both browser default and custom checkboxes and radios now have simpler markup after removing the <input> from the <label>. Now, all checkboxes and radios have a parent <div> and sibling <input> and <label> pair. This is essential for form validation and disabled inputs because we can use the input's state to style the label.

    In addition, custom checkbox and radio elements no longer have a .custom-control-indicator. This is generated from the new .custom-control-label.

  • Input groups were rewritten with specific .input-group-{prepend|append} classes. The new approach allows us to support validation styles and messages within input groups, while also adding support for custom selects, custom file inputs, and multiple .form-controls.

  • Responsive tables are once again parent classes to avoid accessiblity issues with changing a <table>'s display.

  • Deleted the .col-form-legend class, consolidating it's styles into the .col-form-label class.

Read the Migration page for further details.

More highlights

In addition to the breaking changes, we've addressed a few more general issues that may impact your project.

  • Restored cursor: pointer to non-disabled links, buttons, .close, navbar toggler, and pagination links.

  • Added a new vertically centered modal option with .modal-dialog-centered.

  • Added new dropleft and dropright variants for dropdowns in #​23860.

  • Our npm package no longer includes any files other than our source and dist JavaScript and CSS files. If you previously relied on our running our scripts via the node_modules folder, you'll need to update your build tools.

  • Print styles have moved to bottom of the import stack to properly override styles.

For more details on this release's changes, take a look at the Beta 3 ship list issue, as well as the Beta 3 project.

v4.0.0-beta.2

Compare Source

Beta 2 is here! Read the full ship list for details on what issues were closed and PRs merged.


Highlights
  • Improved Sass map customization with #​23260. With this change, it's now possible to override specific key value pairs instead of resetting the entire map, ideal for color scheme customization.
  • Restored grid .offset- modifiers in #​23445. Originally our intent was to supplement this with our margin utilities, but we underestimated the appeal of fixed number column offsets.
  • Remove unnecessary color from .badge, and it's associated $badge-color variable, in #​23529.
  • Rename grayscale function to gray to avoid breaking CSS native grayscale filter in #​23579.
  • Renamed .table-inverse, .thead-inverse, and .thead-default to .*-dark and .*-light, matching our color schemes used elsewhere in #​23560.
  • Responsive tables now generate classes for each grid breakpoint, meaning we've added .table-responsive-{sm,md,lg,xl} to the already present .table-responsive. You might need to adjust your usage depending on when you want a table to resize. See #​22804.
  • Include two new dist files which contain Popper.js inside bootstrap.bundle.js and bootstrap.bundle.min.js. See #​23735.
  • Dropped support for Bower as they've deprecated the package manager. See #​23568.
  • Switched breadcrumbs from float to flexbox in #​23683.
  • Added new CSS variables in #​23761.
  • Switched to Stylelint in #​23572.
  • New Theming page in the docs from #​23611
  • #​23943: Changed the color-yiq from a mixin that included the color property to a function that returns a value, allowing you to use it for any CSS property. For example, instead of color-yiq(#&#8203;000), you'd write color: color-yiq(#&#8203;000);.
  • New and improved theming in #​24429.

v4.0.0-beta

Compare Source

It's a beta! Holy crap this took forever. Thanks for sticking with me on this one—means a lot, y'all <3.


Highlights!
  • Dropped Normalize.css as a dependency, forking some of it and remixing it with our own Reboot for a more stable normalization approach.
  • Update navbar responsive behaviors to be mobile first, use a new class name .navbar-expand instead of .navbar-toggleable, remove toggler position modifiers (relies on flex utils now), and fix a handful of bugs.
  • Stabilize some grid behaviors and update the docs.
  • Updated the grid to drop push, pull, and offset in favor of new .order- modifiers and margin utilities.
  • Renamed tons of variables (see #​22414 and #​22092) for a more consistent naming scheme.
  • Removed remaining cursor: pointers to restore browser defaults and better indicate actions vs hyperlinks.
  • Renamed flexbox order utilities to better match utility naming scheme of .property-value.
  • Restored Alpha 5's placement of _custom.scss in our import order.
  • Rewrote display and responsive utilities to de-dupe a bunch of functionality.
  • Removed Gruntfile and docs from package manager builds.
  • Overhauled our color system with new Sass maps, variables, classes, and component variants.
  • Updated browser support to bring ranges up to more recent versions.
  • Added a bash script for linting unused variables.
  • Moved jQuery and Popper to peerDependencies as they're not requirements for every part of Bootstrap.

Be sure to read the full ship list.

v4.0.0-alpha.6

Compare Source

Happy New Year! It's our final alpha for Bootstrap 4.

Details
Highlights
  • Flexbox is now on by default, with no fallback! This means we've dropped IE9 support, but with significant savings to our code base, simpler components, and improved customization thanks to the power of flexbox.
  • Rebuilt the navbar with flexbox in mind, leading to some structural changes, but including more flexibility and customization. Includes updated docs, code snippets, more responsive options. All navbars in our examples are also using the latest markup and styles now. Also solves around 10 bugs in the process!
  • Overhauled flexbox utilities and documented them. Replaced all the previous flexbox utilities with new ones that are named after property: value pairs (instead of creating new names for things). For example, .flex-items-between is now .justify-content-between to apply justify-content: between;. This also adds tons of new flexbox utilities for display, order, wrap, and more.
  • Revamped navs Sass with flexbox and updated docs. All the floats and clearfixs have been removed, .nav-inline removed (on account of display: flex inlining for us on .nav), added fill and justify options, and more.
  • Building on the grid improvements from Alpha 5, you can now customize container padding across grid breakpoints and optionally remove grid gutters with .no-gutters.
  • Similarly, our flexbox grid system has new classes for automatically sizing columns to the size of their content across viewports (e.g., you can now apply col-xs-6, col-md-auto, and col-xl-4 to a single element).
  • Grid, display, float, margin, padding, and text utility classes have been significantly overhauled. In addition to all classes now being responsive, the xs tier no longer requires a breakpoint abbreviation, making for shorter and more descriptive classes and an easier migration from v3. For example, instead of .d-xs-none, it's back to .d-none while it remains .d-{sm,md,lg,xl}-none for those breakpoints.
  • Renamed some .active, all .in, and all .open classes for our JavaScript powered components for more consistent naming. For example, instead it's now .collapse.show instead of .collapse.in and .show > .dropdown-menu instead of .open > .dropdown-menu to better communicate the visibility of elements.
  • Refactored carousel with new, simpler styles, better documentation, and less specific selectors.
  • Rewrote progress component without the <progress> element due to lack of animations, no support for multiple bars, and no support for labels on the progress bars.
  • Fixed some unescaped #s in our SVG data URLs that are used to add vector background-images.
  • Renamed .tag back to .badge, like v3, to avoid conflicts with common WordPress styles.
  • A number of custom form enhancements and bugfixes were made. Label-less custom radios and cehckboxes, fixed SVG URLs in background-images, and more.
  • Updated Normalize.css to v5.0.0.
  • .form-check and .form-check-inline now share the same markup. Switch between the two by adding or removing .form-check-inline as a modifier.
  • Added support for justified navigation when in flexbox mode.
  • Renamed _animation.scss to _transitions.scss for clarity.
  • Added new color variables (e.g., $blue) for additional customization.

v4.0.0-alpha.5

Compare Source

Fifth alpha! View the milestone for details: https://github.com/twbs/bootstrap/issues/20630.

v4.0.0-alpha.4

Compare Source

Fourth alpha release!

See the closed milestone for details.

v4.0.0-alpha.3

Compare Source

Third alpha release!

See the closed milestone for details.


Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.


  • If you want to rebase/retry this PR, check this box

This PR has been generated by Renovate Bot.

This PR contains the following updates: | Package | Update | Change | |---|---|---| | [twitter-bootstrap](http://getbootstrap.com/) ([source](https://github.com/twbs/bootstrap)) | minor | `4.0.0-alpha.2` -> `4.6.2` | --- ### Release Notes <details> <summary>twbs/bootstrap (twitter-bootstrap)</summary> ### [`v4.6.2`](https://github.com/twbs/bootstrap/releases/tag/v4.6.2) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.6.1...v4.6.2) ##### Highlights - Added an example to our Collapse plugin docs to show how to use horizontal collapsing. This has long been possible via our JS, but we never had an official class to utilize it. - We've replaced the deprecated `color-adjust` with `print-color-adjust` in our Sass files as part of the Autoprefixer v10.4.6 issues. This should quiet the issues folks have seen from that dependency change. *If you're using our distribution CSS files, like `bootstrap.min.css`, you may still see the warning.* - Tweaked the size of `small` and `.small` to compute to a whole pixel value (was `12.8px` and now is `14px`). - Improved accessibility around our dropdowns, color contrast, and `role` attributes. - Fixed some broken links to supporting documentation. - Updated dependencies across the board. ##### What's Changed - Removed blurred background reference from the Toast Docs. by [@&#8203;pricop](https://github.com/pricop) in https://github.com/twbs/bootstrap/pull/35190 - Update links to CCA, MQ5 prefers-reduced-motion, evergreen WCAG urls, more resources by [@&#8203;patrickhlauke](https://github.com/patrickhlauke) in https://github.com/twbs/bootstrap/pull/35427 - v4-dev backports and updates by [@&#8203;XhmikosR](https://github.com/XhmikosR) in https://github.com/twbs/bootstrap/pull/35482 - Backport [#&#8203;35556](https://github.com/twbs/bootstrap/issues/35556) by [@&#8203;julien-deramond](https://github.com/julien-deramond) in https://github.com/twbs/bootstrap/pull/35558 - Tweak toast docs by [@&#8203;patrickhlauke](https://github.com/patrickhlauke) in https://github.com/twbs/bootstrap/pull/35633 - v4-dev backports and updates by [@&#8203;XhmikosR](https://github.com/XhmikosR) in https://github.com/twbs/bootstrap/pull/35642 - Doc: Reorder alphabetically lists of components by [@&#8203;julien-deramond](https://github.com/julien-deramond) in https://github.com/twbs/bootstrap/pull/36128 - Updated the small-font-size to use a round value by [@&#8203;pricop](https://github.com/pricop) in https://github.com/twbs/bootstrap/pull/36172 - v4 dev backports and updates by [@&#8203;XhmikosR](https://github.com/XhmikosR) in https://github.com/twbs/bootstrap/pull/35767 - \_custom-forms.scss: fix order of attributes by [@&#8203;twin-elements](https://github.com/twin-elements) in https://github.com/twbs/bootstrap/pull/36231 - Replace the deprecated `color-adjust` with `print-color-adjust` by [@&#8203;AdrianCurtin](https://github.com/AdrianCurtin) in https://github.com/twbs/bootstrap/pull/36283 - \[v4] Doc: remove `role="group"` from some split drop\* buttons by [@&#8203;julien-deramond](https://github.com/julien-deramond) in https://github.com/twbs/bootstrap/pull/36254 - Dynamic tabs: use buttons rather than links (backport to v4) by [@&#8203;patrickhlauke](https://github.com/patrickhlauke) in https://github.com/twbs/bootstrap/pull/33163 - v4 dev updates by [@&#8203;XhmikosR](https://github.com/XhmikosR) in https://github.com/twbs/bootstrap/pull/36430 - Fix closing HTML tag in navs docs by [@&#8203;julien-deramond](https://github.com/julien-deramond) in https://github.com/twbs/bootstrap/pull/36466 - v4: Horizontal collapse by [@&#8203;mdo](https://github.com/mdo) in https://github.com/twbs/bootstrap/pull/36434 - Fixing tabs' tests v4 by [@&#8203;louismaximepiton](https://github.com/louismaximepiton) in https://github.com/twbs/bootstrap/pull/36485 - Docs: fix some ARIA Authoring Practices Guides broken links by [@&#8203;julien-deramond](https://github.com/julien-deramond) in https://github.com/twbs/bootstrap/pull/36490 - v4 - Remove confusing unnecessary id/aria-labelledby for dropdown menus by [@&#8203;patrickhlauke](https://github.com/patrickhlauke) in https://github.com/twbs/bootstrap/pull/36491 - v4 Docs: outdated ARIA/PF link, expand contrast explanation in `accessibility.md` by [@&#8203;patrickhlauke](https://github.com/patrickhlauke) in https://github.com/twbs/bootstrap/pull/36492 - v4: Improve accessible name of version dropdown in docs navbar by [@&#8203;patrickhlauke](https://github.com/patrickhlauke) in https://github.com/twbs/bootstrap/pull/36504 - Update devDependencies by [@&#8203;XhmikosR](https://github.com/XhmikosR) in https://github.com/twbs/bootstrap/pull/36522 - Docs: update clipboard.js to v2.0.11 by [@&#8203;julien-deramond](https://github.com/julien-deramond) in https://github.com/twbs/bootstrap/pull/36631 - Update devDependencies by [@&#8203;XhmikosR](https://github.com/XhmikosR) in https://github.com/twbs/bootstrap/pull/36724 - v4: Add Fathom by [@&#8203;mdo](https://github.com/mdo) in https://github.com/twbs/bootstrap/pull/36727 - Docs: Capitalize Unicode by [@&#8203;julien-deramond](https://github.com/julien-deramond) in https://github.com/twbs/bootstrap/pull/36735 - Release v4.6.2 by [@&#8203;XhmikosR](https://github.com/XhmikosR) in https://github.com/twbs/bootstrap/pull/36725 ##### New Contributors - [@&#8203;twin-elements](https://github.com/twin-elements) made their first contribution in https://github.com/twbs/bootstrap/pull/36231 - [@&#8203;AdrianCurtin](https://github.com/AdrianCurtin) made their first contribution in https://github.com/twbs/bootstrap/pull/36283 **Full Changelog**: https://github.com/twbs/bootstrap/compare/v4.6.1...v4.6.2 ### [`v4.6.1`](https://github.com/twbs/bootstrap/releases/tag/v4.6.1): 4.6.1 [Compare Source](https://github.com/twbs/bootstrap/compare/v4.6.0...v4.6.1) ##### What's changed - Replace Sass division with multiplication and custom `divide()` function by [@&#8203;mdo](https://github.com/mdo) in https://github.com/twbs/bootstrap/pull/34571 - Update RFS to v8.1.0 by [@&#8203;XhmikosR](https://github.com/XhmikosR) in https://github.com/twbs/bootstrap/pull/34571 - fix(forms): input-group and validation icons by [@&#8203;ffoodd](https://github.com/ffoodd) in https://github.com/twbs/bootstrap/pull/32968 - Fix minor visual bug in Firefox caused by `moz-focusring` by [@&#8203;kremit](https://github.com/kremit) in https://github.com/twbs/bootstrap/pull/32821 - Adjust `SAFE_URL_PATTERN` regex for use with test method of regexes by [@&#8203;nikonthethird](https://github.com/nikonthethird) in https://github.com/twbs/bootstrap/pull/33153 - Add `sms` in the `SAFE_URL_PATTERN` for sanitizer by [@&#8203;XhmikosR](https://github.com/XhmikosR) in https://github.com/twbs/bootstrap/pull/35074 - Adjust feedback icon position and padding for `select.form-control` by [@&#8203;mdo](https://github.com/mdo) in https://github.com/twbs/bootstrap/pull/33206 - Carousel: use buttons, not links, for prev/next controls by [@&#8203;patrickhlauke](https://github.com/patrickhlauke) in https://github.com/twbs/bootstrap/pull/33165 - v4: Sass docs for default variables by [@&#8203;mdo](https://github.com/mdo) in https://github.com/twbs/bootstrap/pull/33392 - Handle complex expressions in `add()` & `subtract()` by [@&#8203;ffoodd](https://github.com/ffoodd) in https://github.com/twbs/bootstrap/pull/34047 - More concise improvements for `add()` and `subtract()` by [@&#8203;ffoodd](https://github.com/ffoodd) in https://github.com/twbs/bootstrap/pull/34432 - Remove `aria-haspopup` from dropdowns by [@&#8203;patrickhlauke](https://github.com/patrickhlauke) in https://github.com/twbs/bootstrap/pull/33624 - Dropdown: support `.dropdown-item` wrapped in `<li>` tags by [@&#8203;cpsievert](https://github.com/cpsievert) in https://github.com/twbs/bootstrap/pull/33649 - Update Node versions in JS tests (drop Node 10, add Node 16), update docs JS assets and add variables for `vertical-align` in spinners by [@&#8203;XhmikosR](https://github.com/XhmikosR) in https://github.com/twbs/bootstrap/pull/33807 - Replace Freenode with Libera IRC server by [@&#8203;midzer](https://github.com/midzer) https://github.com/twbs/bootstrap/pull/34050 - Fix repetition in the Navbar docs description by [@&#8203;coliff](https://github.com/coliff) in https://github.com/twbs/bootstrap/pull/34208 - Enable `0.x` with negative margins in utilities by [@&#8203;k-utsumi](https://github.com/k-utsumi) in https://github.com/twbs/bootstrap/pull/33593 - Remove print `thead` rule by [@&#8203;coliff](https://github.com/coliff) in https://github.com/twbs/bootstrap/pull/34426 - Fix prevented `show` event disabling modals with fade class from being displayed again by [@&#8203;alpadev](https://github.com/alpadev) in https://github.com/twbs/bootstrap/pull/34087 - Input group validation with custom-file input by [@&#8203;ffoodd](https://github.com/ffoodd) in https://github.com/twbs/bootstrap/pull/33239 - Add eslint-plugin-qunit and tighten JS tests by [@&#8203;XhmikosR](https://github.com/XhmikosR) in https://github.com/twbs/bootstrap/pull/32270 - Update our tests to Node 16 and npm 8 by [@&#8203;XhmikosR](https://github.com/XhmikosR) in https://github.com/twbs/bootstrap/pull/35142 - Disabled link cleanup by [@&#8203;patrickhlauke](https://github.com/patrickhlauke) in https://github.com/twbs/bootstrap/pull/34924 - Updated our devDependencies including terser; also enabled two passes for terser by [@&#8203;XhmikosR](https://github.com/XhmikosR) ##### Full changelog <https://github.com/twbs/bootstrap/compare/v4.6.0...v4.6.1> ### [`v4.6.0`](https://github.com/twbs/bootstrap/releases/tag/v4.6.0) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.5.3...v4.6.0) ##### Highlights - Tooltips and popovers can have custom clases via `customClass` option. - Added new `.navbar-nav-scroll` class for scrolling expanded navbar contents on mobile devices. - For improved accessibiliy, spinners now slow down when `prefers-reduced-motion` is enabled. - v4.x docs are now built on Hugo for easier maintenance and backports from v5.x. - Darkened `background-color` of `.dropdown-item` for improved hover state contrast, and ligthened the disabled `.dropdown-item` `color`. - Improved alignment of form validation tooltips. - File inputs no longer extend beyond their containers. ##### CSS - [#&#8203;31557](https://github.com/twbs/bootstrap/pull/31557): Fix form validation tooltip alignment - [#&#8203;31657](https://github.com/twbs/bootstrap/pull/31657): Handle the Ubuntu sans-serif case - [#&#8203;31700](https://github.com/twbs/bootstrap/pull/31700): Suppress flexbox side effects in breadcrumb - [#&#8203;31882](https://github.com/twbs/bootstrap/pull/31882): Slow down spinners when prefers-reduced-motion - [#&#8203;31886](https://github.com/twbs/bootstrap/pull/31886): Fixed: Undefined mixin "deprecate" when importing "bootstrap-grid-scss" - [#&#8203;32141](https://github.com/twbs/bootstrap/pull/32141): Use correct value order - [#&#8203;32145](https://github.com/twbs/bootstrap/pull/32145): Avoid invisible real file input "spilling" out of container - [#&#8203;32160](https://github.com/twbs/bootstrap/pull/32160): Add overflow suppression to custom file label - [#&#8203;32211](https://github.com/twbs/bootstrap/pull/32211): Move negative margin-bottom from .nav-item to .nav-link - [#&#8203;32212](https://github.com/twbs/bootstrap/pull/32212): Remove needless Stylelint disables - [#&#8203;32833](https://github.com/twbs/bootstrap/pull/32833): Add `.navbar-nav-scroll` for vertical scrolling of navbar content - Add two new variables for pagination border-radius values; backport of [#&#8203;32423](https://github.com/twbs/bootstrap/pull/32423) - Remove old/unnecessary reboot bug fix; backport of [#&#8203;32631](https://github.com/twbs/bootstrap/pull/32631) - Suppress focus outline for buttons when it shouldn't be visible in Chromium; backport of [#&#8203;32689](https://github.com/twbs/bootstrap/pull/32689) - Consistently use `outline:0` rather than `outline:none`; backport of [#&#8203;32751](https://github.com/twbs/bootstrap/pull/32751) - Darken dropdown item hover style; backport of [#&#8203;32754](https://github.com/twbs/bootstrap/pull/32754) - Lighten disabled dropdown text to `$gray-500` ##### JS - [#&#8203;31820](https://github.com/twbs/bootstrap/pull/31820): Check for data-interval on the first slide of carousel - [#&#8203;31834](https://github.com/twbs/bootstrap/pull/31834)/[#&#8203;32225](https://github.com/twbs/bootstrap/pull/32225): tooltip/popover: add a `customClass` option - [#&#8203;32001](https://github.com/twbs/bootstrap/pull/32001): Move `js/src/index.js` one folder up - [#&#8203;32045](https://github.com/twbs/bootstrap/pull/32045): tests: fix sanitizer test - [#&#8203;32220](https://github.com/twbs/bootstrap/pull/32220): Don't hide modal when `config.keyboard` is false - [#&#8203;32312](https://github.com/twbs/bootstrap/pull/32312): build-plugins: switch to "bundled" for babel helpers ##### Docs - [#&#8203;31861](https://github.com/twbs/bootstrap/pull/31861): Split up dropdown sizing docs to improve rendering - [#&#8203;31892](https://github.com/twbs/bootstrap/pull/31892): Remove redundant visually hidden "(current)" from pagination controls - [#&#8203;31893](https://github.com/twbs/bootstrap/pull/31893): manifest.json: Switch to relative URLs so that we don't need to change the path with every major/minor release - [#&#8203;31898](https://github.com/twbs/bootstrap/pull/31898): switch to suggesting jsDelivr as a CDN - [#&#8203;31904](https://github.com/twbs/bootstrap/pull/31904): - docs(forms): use a legend for fieldset instead of aria-label - docs(forms): fix incorrect legend nesting in fieldset - [#&#8203;31936](https://github.com/twbs/bootstrap/pull/31936): forms: change inline custom radio name - [#&#8203;31951](https://github.com/twbs/bootstrap/pull/31951): Update anchor-js to v4.3.0 - [#&#8203;31960](https://github.com/twbs/bootstrap/pull/31960): Explicitly mention emoji fonts, tweak sentence in typography - [#&#8203;31981](https://github.com/twbs/bootstrap/pull/31981): list-group.md: fix snippet - [#&#8203;32005](https://github.com/twbs/bootstrap/pull/32005): Remove `bugreport.apple.com` since it doesn't work - [#&#8203;32015](https://github.com/twbs/bootstrap/pull/32015): Fix redirects - [#&#8203;32050](https://github.com/twbs/bootstrap/pull/32050): Make docs anchorjs links darker on keyboard focus - [#&#8203;32054](https://github.com/twbs/bootstrap/pull/32054): Add callouts about using light colors ideally on a dark background - [#&#8203;32077](https://github.com/twbs/bootstrap/pull/32077): Switch to Hugo - [#&#8203;32083](https://github.com/twbs/bootstrap/pull/32083): mention "Liberation Sans" - [#&#8203;32087](https://github.com/twbs/bootstrap/pull/32087): download.md: link to JS files comparison too - [#&#8203;32094](https://github.com/twbs/bootstrap/pull/32094): Changes to navbar documentation/explanation - [#&#8203;32106](https://github.com/twbs/bootstrap/pull/32106): Clarify JS bundle docs once more for v4 - [#&#8203;32137](https://github.com/twbs/bootstrap/pull/32137): input-group.md: fix wrong class `.visually-hidden` - [#&#8203;32138](https://github.com/twbs/bootstrap/pull/32138): navbar.md: remove `loading=lazy` from snippets - [#&#8203;32147](https://github.com/twbs/bootstrap/pull/32147): Fix caniuse.com redirects - [#&#8203;32151](https://github.com/twbs/bootstrap/pull/32151): Mention user-select-all support in docs - [#&#8203;32196](https://github.com/twbs/bootstrap/pull/32196): homepage: split snippets and show copy buttons - [#&#8203;32203](https://github.com/twbs/bootstrap/pull/32203): Switch to jsDelivr for the remaining docs assets - [#&#8203;32223](https://github.com/twbs/bootstrap/pull/32223): introduction: split comments - [#&#8203;32247](https://github.com/twbs/bootstrap/pull/32247): Fix typos in tooltip/popover docs - [#&#8203;32253](https://github.com/twbs/bootstrap/pull/32253): Add Russian translation - [#&#8203;32363](https://github.com/twbs/bootstrap/pull/32363): Remove useless `.text-left` in Layout / Overview - [#&#8203;32399](https://github.com/twbs/bootstrap/pull/32399): Remove duplicated "follow Bootstrap on Twitter" link in Community section - [#&#8203;32457](https://github.com/twbs/bootstrap/pull/32457): Add mention of the bs-custom-file-input plugin needed for the custom file input - [#&#8203;32461](https://github.com/twbs/bootstrap/pull/32461): style clipboard button on `:focus`, not just `:hover` - [#&#8203;32462](https://github.com/twbs/bootstrap/pull/32462): Replace Lorem Ipsum placeholder text with more representative (or at least english language) text - [#&#8203;32634](https://github.com/twbs/bootstrap/pull/32634): Remove incorrect mention of dropdowns for dynamic tab behavior - [#&#8203;32639](https://github.com/twbs/bootstrap/pull/32639): v4: Add an actual `data-touch="false"` example in the carousel docs - [#&#8203;32728](https://github.com/twbs/bootstrap/pull/32728): add v5.0 in versions - [#&#8203;32761](https://github.com/twbs/bootstrap/pull/32761): Mention stretched-link constraints with table elements - [#&#8203;32789](https://github.com/twbs/bootstrap/pull/32789): Remove `role="button"` from CTA links in carousel example - [#&#8203;32791](https://github.com/twbs/bootstrap/pull/32791): Docs v4: Sass implementation and rounding precision - [#&#8203;32809](https://github.com/twbs/bootstrap/pull/32809): - Clarify Sass import and customize docs for how to modify variable defaults - Add an npm starter project callout to a few pages - [#&#8203;32827](https://github.com/twbs/bootstrap/pull/32827): Add a live toast example to the docs - [#&#8203;32759](https://github.com/twbs/bootstrap/pull/32759): Mention CSP and embedded SVGs in v4 docs - docs(dropdowns): clarify where is `.show` applied - Require `.has-validation` for input groups with validation - Fix mobile menu jump & double border - Remove double spaces from homepage SVGs - browserconfig.xml: switch to relative image path - Tweak the wording for collapse to indicate button is preferred/more semantic; backport of [#&#8203;32632](https://github.com/twbs/bootstrap/pull/32632) - Clarify the `$enable-shadows` option in our docs; backport of [#&#8203;32685](https://github.com/twbs/bootstrap/pull/32685) ##### Examples - [#&#8203;31979](https://github.com/twbs/bootstrap/pull/31979): v4 Examples/Floating-labels: fix bad behavior with autofill - [#&#8203;32198](https://github.com/twbs/bootstrap/pull/32198): examples: add the version number in `title` ##### Misc - [#&#8203;29753](https://github.com/twbs/bootstrap/pull/29753): Improve build/generate-sri.js regex - [#&#8203;32003](https://github.com/twbs/bootstrap/pull/32003): CI: switch to Node.js 14 - [#&#8203;32008](https://github.com/twbs/bootstrap/pull/32008): Update Edge's Rendering Engine on CONTRIBUTING.md - [#&#8203;32486](https://github.com/twbs/bootstrap/pull/32486): BrowserStack: test on macOS Catalina instead of High Sierra - [#&#8203;32756](https://github.com/twbs/bootstrap/pull/32756): Stylelint: disallow some property values - **Fix for npm 7.x** package.json: move `version_short` variable under the `config` object; backport of [#&#8203;32737](https://github.com/twbs/bootstrap/pull/32737) - Update build-examples script so that the resulting examples zip file includes only the needed files - Various CI tweaks - Updated devDependencies ### [`v4.5.3`](https://github.com/twbs/bootstrap/releases/tag/v4.5.3) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.5.2...v4.5.3) ##### CSS - [#&#8203;31653](https://github.com/twbs/bootstrap/pull/31653): Add a comment to our `escape-svg` function to note that data URIs must be quoted. - [#&#8203;31693](https://github.com/twbs/bootstrap/pull/31693): Use the `custom-control` shadow variable instead of the generic `input-focus-box-shadow`. - [#&#8203;31793](https://github.com/twbs/bootstrap/pull/31793): Backport some v5 changes (improved `th` styling in Reboot, custom form field styling when printing, and improvements to `.text-break`). - [#&#8203;29714](https://github.com/twbs/bootstrap/pull/29714): Keep custom check, radio, and switch theme when printing. - [#&#8203;30781](https://github.com/twbs/bootstrap/pull/30781): Reboot's `th` updates: Inherit `font-weight: bold` that comes from user agent stylesheets. - [#&#8203;30932](https://github.com/twbs/bootstrap/pull/30932): `.text-break` changes to drop `overflow-wrap` and use `word-wrap` once again - [#&#8203;31754](https://github.com/twbs/bootstrap/pull/31754): Improve versions page rendering (also reversed the order while I was here) - [#&#8203;31846](https://github.com/twbs/bootstrap/pull/31846): Backports the z-index change to `.close` buttons in dismissible `.alert`s. ##### JS - [#&#8203;31000](https://github.com/twbs/bootstrap/pull/31000): Avoid multiple change event trigger in buttons plugin. *Not applicable to v5 since our button JS plugin has been mostly replaced with pure CSS.* - [#&#8203;31673](https://github.com/twbs/bootstrap/pull/31673): Fix dropdown variable always evaluating to true. - [#&#8203;31696](https://github.com/twbs/bootstrap/pull/31696): Ensure `hidePrevented.bs.modal` can be prevented. - [#&#8203;31718](https://github.com/twbs/bootstrap/pull/31718): Backports new `$dropdown-padding-x` variable from v5. ##### Docs - [#&#8203;30811](https://github.com/twbs/bootstrap/pull/30811): Mention GPU acceleration fix in docs callout for popovers. *Doesn't apply to v5 since we're updating to Popper v2.* - [#&#8203;30838](https://github.com/twbs/bootstrap/pull/30838): Explain the `dispose` method more appropriately. - [#&#8203;31706](https://github.com/twbs/bootstrap/pull/31706): Backports updated margins for code snippets for improved readability. - [#&#8203;31769](https://github.com/twbs/bootstrap/pull/31769): Backports JS bundle guidance from v5. - [#&#8203;31851](https://github.com/twbs/bootstrap/pull/31851): Backports mention of missing `to` and `nextwhenvisible` methods. ##### Misc - [#&#8203;31297](https://github.com/twbs/bootstrap/pull/31297): Switch to xo ESLint config - Updated devDependencies versions ### [`v4.5.2`](https://github.com/twbs/bootstrap/releases/tag/v4.5.2) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.5.1...v4.5.2) This release addresses the following two issues: - **[#&#8203;31438](https://github.com/twbs/bootstrap/pull/31438) restores the `make-container-max-widths` mixin.** We won't be using the mixin ourselves, but it will remain in the codebase for the rest of v4 with today's release. We've added a deprecation notice as well. - **[#&#8203;31439](https://github.com/twbs/bootstrap/pull/31439) removes `flex: 1 0 100%` from `.row`s.** This was added to address shrinking rows inside the navbar component after our responsive containers were added in v4.4.0. Removing this rolls us back to the expected grid and flex behavior—your row will shrink unfortunately without further changes. We could add extra custom CSS to address this, but it seems shortsighted to rush into that. Instead, apply `.flex-fill` to the `.row` and your row will behave as usual. ### [`v4.5.1`](https://github.com/twbs/bootstrap/releases/tag/v4.5.1) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.5.0...v4.5.1) ##### CSS - [#&#8203;30808](https://github.com/twbs/bootstrap/issues/30808): Simplify `list-group` borders in cards - [#&#8203;30810](https://github.com/twbs/bootstrap/issues/30810): Add `z-index` to `.custom-check` to fix their rendering in CSS columns - [#&#8203;30817](https://github.com/twbs/bootstrap/issues/30817): Add `border-radius` to `.card-img-overlay` - [#&#8203;30830](https://github.com/twbs/bootstrap/issues/30830): Prevent conflicts with components with classes - [#&#8203;30922](https://github.com/twbs/bootstrap/issues/30922): Fix color on disabled checked state for custom controls - [#&#8203;30932](https://github.com/twbs/bootstrap/issues/30932): Restore `word-break: break-word;` on `.text-break` utility. - [#&#8203;30940](https://github.com/twbs/bootstrap/issues/30940): Prevent `.row` from shrinking in flex containers - [#&#8203;30957](https://github.com/twbs/bootstrap/issues/30957): Nullify custom form states' `box-shadow` - [#&#8203;30959](https://github.com/twbs/bootstrap/issues/30959): Toasts in IE11 - [#&#8203;30960](https://github.com/twbs/bootstrap/issues/30960): Fix IE11 validation tooltip alignment in input groups - [#&#8203;30965](https://github.com/twbs/bootstrap/issues/30965): Improve floating labels example in IE - [#&#8203;30966](https://github.com/twbs/bootstrap/issues/30966): Improve floating labels with Edge and a general refactor - [#&#8203;30969](https://github.com/twbs/bootstrap/issues/30969): Remove duplicated container breakpoints in compiled CSS - [#&#8203;30999](https://github.com/twbs/bootstrap/issues/30999): Revert `min-width: 0` on `.col` due to unforeseen side effects - [#&#8203;31148](https://github.com/twbs/bootstrap/issues/31148): Remove duplicate properties on custom controls - [#&#8203;31165](https://github.com/twbs/bootstrap/issues/31165): Remove `backdrop-filter` from docs subnav and toasts - [#&#8203;31339](https://github.com/twbs/bootstrap/issues/31339): Add link to view docs pages on GitHub - [#&#8203;31347](https://github.com/twbs/bootstrap/issues/31347): Turn off scroll anchoring for accordions - [#&#8203;31381](https://github.com/twbs/bootstrap/issues/31381): Remove `overflow: hidden` from toasts ##### JavaScript - [#&#8203;30326](https://github.com/twbs/bootstrap/issues/30326): Prevent overflowing static backdrop modal animation - [#&#8203;30936](https://github.com/twbs/bootstrap/issues/30936): Add `role="dialog"` in modals via JavaScript - [#&#8203;30992](https://github.com/twbs/bootstrap/issues/30992): Avoid preventing input event onclick - [#&#8203;31155](https://github.com/twbs/bootstrap/issues/31155): Clear timeout before showing the toast ##### Build - [#&#8203;30797](https://github.com/twbs/bootstrap/issues/30797): Fix release script docs - [#&#8203;31011](https://github.com/twbs/bootstrap/issues/31011): Updated Babel config - [#&#8203;31296](https://github.com/twbs/bootstrap/issues/31296): Update to Ruby 2.7 and Bundler 2.x ##### Docs - [#&#8203;30809](https://github.com/twbs/bootstrap/issues/30809): Update docs callout for responsive SVG images - [#&#8203;30813](https://github.com/twbs/bootstrap/issues/30813): Mention Bootstrap Icons in `extend/icons.md` page - [#&#8203;30896](https://github.com/twbs/bootstrap/issues/30896): Improve wording on Downloads page - [#&#8203;30897](https://github.com/twbs/bootstrap/issues/30897): Prevent skip links from overlapping header in docs - [#&#8203;30973](https://github.com/twbs/bootstrap/issues/30973): Update some nav examples by removing `.nav-item` from `.nav-link` to be more consistent - [#&#8203;31070](https://github.com/twbs/bootstrap/issues/31070): Fix some broken examples and typos - [#&#8203;31135](https://github.com/twbs/bootstrap/issues/31135): Move color utility callouts to start of page - [#&#8203;31234](https://github.com/twbs/bootstrap/issues/31234): Clean up docs forms for accessibility - [#&#8203;31344](https://github.com/twbs/bootstrap/issues/31344): Mention toasts in the *components requiring JavaScript* page ### [`v4.5.0`](https://github.com/twbs/bootstrap/releases/tag/v4.5.0) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.4.1...v4.5.0) ##### Highlights - **New interaction utilities.** Quickly set `user-select` with the new utilities and Sass map. - **New Reboot style for pointer cursors.** We now include a `role="button"` selector in Reboot to set `cursor: pointer` on non-`<button>` element buttons. - **Examples are now downloadable.** We've added a script to zip up and offer all our Examples as their own download from the docs. - **Saved ~5%** from the compressed minified JS builds. - Added guidance to our docs for how to work around our longstanding input group rounded corner bug. - Redesigned docs homepage and navbar to increment us towards v5's new docs design. - Deprecated `bg-gradient-variant` mixin as it's being removed in v5. - Updated to jQuery v3.5.1, Jekyll v4, and dropped Node.js < 10 for development. ##### CSS - [#&#8203;29413](https://github.com/twbs/bootstrap/issues/29413): Prevent vertical offset on progress bar in IE11 - [#&#8203;29745](https://github.com/twbs/bootstrap/issues/29745): Add `display: flex` on `.breadcrumb-item` - [#&#8203;29819](https://github.com/twbs/bootstrap/issues/29819): Allow percentages in container widths - [#&#8203;29857](https://github.com/twbs/bootstrap/issues/29857): Escape brackets - [#&#8203;29946](https://github.com/twbs/bootstrap/issues/29946): Added new variable for padding on dropdown header - [#&#8203;30004](https://github.com/twbs/bootstrap/issues/30004): Fixes disabled `.btn` cursor - [#&#8203;30036](https://github.com/twbs/bootstrap/issues/30036): Added focus state to `.btn-link` - [#&#8203;30043](https://github.com/twbs/bootstrap/issues/30043): Fix IE auto-size input-group to column - [#&#8203;30049](https://github.com/twbs/bootstrap/issues/30049): Prevent grid with default cols from breaking when large `pre` is present by setting `min-width: 0` - [#&#8203;30074](https://github.com/twbs/bootstrap/issues/30074): Use `word-wrap` in `.text-break` for IE and Edge compatibility - [#&#8203;30166](https://github.com/twbs/bootstrap/issues/30166): Avoid `border-radius` functions returning negative values - [#&#8203;30183](https://github.com/twbs/bootstrap/issues/30183): Remove unnecessary reduce motion when `$enable-transition: false` - [#&#8203;30244](https://github.com/twbs/bootstrap/issues/30244): Fix centered modal scrolling issue - [#&#8203;30262](https://github.com/twbs/bootstrap/issues/30262): Prevent link underline change from affecting some components - [#&#8203;30361](https://github.com/twbs/bootstrap/issues/30361): Remove appearance from date inputs - [#&#8203;30391](https://github.com/twbs/bootstrap/issues/30391): Prevent redundant ` transition: none in `transition()\` mixin - [#&#8203;30497](https://github.com/twbs/bootstrap/issues/30497): Fix card list group borders & radii - [#&#8203;30504](https://github.com/twbs/bootstrap/issues/30504): Fix `spinner-grow` animation in Safari - [#&#8203;30515](https://github.com/twbs/bootstrap/issues/30515): Add `.card-footer` color - [#&#8203;30555](https://github.com/twbs/bootstrap/issues/30555), [#&#8203;30512](https://github.com/twbs/bootstrap/issues/30512), [#&#8203;30480](https://github.com/twbs/bootstrap/issues/30480): Use `box-shadow` mixin for `.form-select`, `.btn`, and other form controls - [#&#8203;30562](https://github.com/twbs/bootstrap/issues/30562): Added new interaction utilities for `user-select` and a new - `role="button"` in Reboot to set `cursor: pointer`. - [#&#8203;30582](https://github.com/twbs/bootstrap/issues/30582): Delete unnecessary `appearance: none` from `button.close` - [#&#8203;30594](https://github.com/twbs/bootstrap/issues/30594): Deprecate `bg-gradient-variant` mixin - [#&#8203;30605](https://github.com/twbs/bootstrap/issues/30605), [#&#8203;30606](https://github.com/twbs/bootstrap/issues/30606): Grid now checks for for `$grid-columns > 0` - [#&#8203;30609](https://github.com/twbs/bootstrap/issues/30609): Checks for an empty `$grid-breakpoints` map list to remove all breakpoints - [#&#8203;30660](https://github.com/twbs/bootstrap/issues/30660): Prevent list group style leaks - [#&#8203;30685](https://github.com/twbs/bootstrap/issues/30685): Disable auto-hiding scrollbar in IE and legacy Edge ##### JavaScript - [#&#8203;29986](https://github.com/twbs/bootstrap/issues/29986): Close modal with `keyboard=true` & `backdrop=static` - [#&#8203;29968](https://github.com/twbs/bootstrap/issues/29968): sanitizer.js: Add `srcset` in the allowed attributes - [#&#8203;30381](https://github.com/twbs/bootstrap/issues/30381): Updated tab.js to address accessibility issue when using ul/li semantic - [#&#8203;30383](https://github.com/twbs/bootstrap/issues/30383): ensure `totype` always return stringified null when null passed - [#&#8203;30388](https://github.com/twbs/bootstrap/issues/30388): enable button toggle on label when checkbox is inside - [#&#8203;30490](https://github.com/twbs/bootstrap/issues/30490): Switch to string constants to save ~5% on compressed file size - [#&#8203;30510](https://github.com/twbs/bootstrap/issues/30510), [#&#8203;30511](https://github.com/twbs/bootstrap/issues/30511): Fix event propagation from inactive and disabled dropdowns - [#&#8203;30744](https://github.com/twbs/bootstrap/issues/30744): ensure build plugins can exit in error - [#&#8203;30772](https://github.com/twbs/bootstrap/issues/30772): Prevent scrollbar replacement on non-integer width - [22f75c](https://github.com/twbs/bootstrap/commit/22f75ca2e328ad232dd2afafd15dc0c79a908410): scrollspy: only accept valid Elements as input for target ##### Docs - Redesigned docs homepage - Improved tap target sizing in our navigation - Added examples for our input group border-radius workaround - Added warning to browser bugs page that it's no longer maintained - Added `loading="lazy"` for images - [#&#8203;29782](https://github.com/twbs/bootstrap/issues/29782): Improve wrapping and hit area of accordion example titles - [#&#8203;29820](https://github.com/twbs/bootstrap/issues/29820): move width after `make-container()` mixin - [#&#8203;29937](https://github.com/twbs/bootstrap/issues/29937): Add missing Noto Sans font to font stack - [#&#8203;29956](https://github.com/twbs/bootstrap/issues/29956): Add Microsoft Edge for macOS to supported browsers - [#&#8203;30130](https://github.com/twbs/bootstrap/issues/30130): Added ability to zip and download our Examples - [#&#8203;30175](https://github.com/twbs/bootstrap/issues/30175): Add version number in page titles - [#&#8203;30180](https://github.com/twbs/bootstrap/issues/30180): Changed input group validation examples to reflect issues with input group - [#&#8203;30207](https://github.com/twbs/bootstrap/issues/30207): Headings hierarchy in theming.md - [#&#8203;30325](https://github.com/twbs/bootstrap/issues/30325): Updated modal docs to simplify `data-target` usage and more - [#&#8203;30416](https://github.com/twbs/bootstrap/issues/30416): Clarify card group behavior - [#&#8203;30469](https://github.com/twbs/bootstrap/issues/30469): Remove holder.js leftovers - [#&#8203;30505](https://github.com/twbs/bootstrap/issues/30505): Use existing position utility in navbar example - [#&#8203;30695](https://github.com/twbs/bootstrap/issues/30695): make the check for URL stricter in our docs search - [#&#8203;30755](https://github.com/twbs/bootstrap/issues/30755): Removed `role="document"` from the modal dialog ##### Examples - [#&#8203;29886](https://github.com/twbs/bootstrap/issues/29886): Fix checkout page forms - [#&#8203;30573](https://github.com/twbs/bootstrap/issues/30573): Improve the responsiveness of our Dashboard example ##### Dependencies - Updated jQuery to v3.5.1 - Replaced bundlesize with bundlewatch - Updated to Jekyll v4 - Drop Node.js < 10 - Misc devDependencies updates ### [`v4.4.1`](https://github.com/twbs/bootstrap/releases/tag/v4.4.1) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.4.0...v4.4.1) - Fix Dart Sass compatibility ([#&#8203;29755](https://github.com/twbs/bootstrap/issues/29755), [#&#8203;29763](https://github.com/twbs/bootstrap/issues/29763)) - Add :disabled for disabled fieldset ([#&#8203;29762](https://github.com/twbs/bootstrap/issues/29762)) ### [`v4.4.0`](https://github.com/twbs/bootstrap/releases/tag/v4.4.0) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.3.1...v4.4.0) ##### Highlights Here's what you need to know about v4.4.0. Remember that with every minor and major release of Bootstrap, we ship a new URL for our hosted docs to ensure URLs continue to work.- **New responsive containers!** Over a year in the making, fluid up to a particular breakpoint, available for all responsive tiers. - **New responsive `.row-cols` classes** for quickly specifying the number of columns across breakpoints. This one is huge for those of you who have asked for responsive card decks. - **New `escape-svg()` function** for simplifying our embedded `background-image` SVGs for forms and more. - **New `add()` and `subtract()` functions** for avoiding errors and zero values from CSS's built in `calc` feature. - **New `make-col-auto()` mixin** to make our `.col-auto` class available with custom HTML. - Fixed an issue with Microsoft Edge not picking up `:disabled` styles by moving selectors to `[disabled]`. - **Deprecated:** `bg-variant()`, `nav-divider()`, and `form-control-focus()` mixins are now deprecated as they're going away in v5. - Updated our spacing and alignment for modal footer elements like buttons to automatically wrap when space is constrained. - More flexible form control validation styles thanks to fewer chained selectors. Also updated the `:invalid` validation icon to be an alert instead of an `&times;` to avoid confusion with browser functionality for clearing the form field value. - Fixed a couple dozen CSS and JS bugs. - Moved to GitHub Actions for CI/CD! Expect more updates to our CI setup over time here while Actions evolves. - Updated documentation to fix links and typos, improved landmarks for secondary navigation, and a new security doc for guidelines on reporting potential vulnerabilities. ##### Links - [List of closed issues and merged pull requests](https://github.com/twbs/bootstrap/issues?q=project%3Atwbs%2Fbootstrap%2F18+is%3Aclosed+sort%3Aupdated-desc) - [Review the project board](https://github.com/twbs/bootstrap/projects/18) ### [`v4.3.1`](https://github.com/twbs/bootstrap/releases/tag/v4.3.1) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.3.0...v4.3.1) - **Security:** Fixed an XSS vulnerability (CVE-2019-8331) in our tooltip and popover plugins by implementing a new HTML sanitizer - Fixed a small issue with our RFS (responsive font sizes) mixins ### [`v4.3.0`](https://github.com/twbs/bootstrap/releases/tag/v4.3.0) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.2.1...v4.3.0) ##### Highlights - **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](https://www.w3.org/TR/CSS21/syndata.html#value-def-identifier) 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 `.btn`s) 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. ##### Links - [Read the full ship list](https://github.com/twbs/bootstrap/issues/27893) - [Review the project board](https://github.com/twbs/bootstrap/projects/16) ### [`v4.2.1`](https://github.com/twbs/bootstrap/releases/tag/v4.2.1) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.1.3...v4.2.1) Bump to v4.2.1 to republish package on npm. [See v4.2.0 release notes](https://github.com/twbs/bootstrap/releases/tag/v4.2.0) for changes introduced in v4.2. ### [`v4.1.3`](https://github.com/twbs/bootstrap/releases/tag/v4.1.3) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.1.2...v4.1.3) - **Fixed:** Removed the `:not(:root)` selector from our `svg` Reboot styles, resolving an issue that caused all inline SVGs ignore `vertical-align` styles via single class due to higher specificity. - **Fixed:** Moved the browserslist config from our `package.json` to a separate file to avoid unintended inherited browser settings across npm projects. - **Fixed:** Buttons in custom file inputs are once again clickable when focused. - **Improved:** Bootstrap's plugins can now be imported separately in any contexts because they are now UMD ready. - **Improved:** `.form-control`s now have a fixed `height` to compensate for differences in computed height across different `type`s. This also fixes some IE alignment issues. - **Improved:** Added `Noto Color Emoji` to our system font stack for better rendering in Linux OSes. ### [`v4.1.2`](https://github.com/twbs/bootstrap/releases/tag/v4.1.2) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.1.1...v4.1.2) - Fixed an XSS vulnerability in tooltip, collapse, and scrollspy plugins - Improved how we query elements in our JavaScript plugins - Inline SVGs now have the same vertical alignment as images - Fixed issues with double transitions on carousels - Added Edge and IE10-11 fallbacks to our floating labels example - Various improvements to form controls, including disabled states on file inputs and unified focus styles for selects Checkout the [v4.1.2 ship list](https://github.com/twbs/bootstrap/issues/26423) and [GitHub project](https://github.com/twbs/bootstrap/projects/14) for the full details. ### [`v4.1.1`](https://github.com/twbs/bootstrap/releases/tag/v4.1.1) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.1.0...v4.1.1) **Our first patch release for Bootstrap 4!** Here's a quick rundown of some of the changes: - Added validation styles for file inputs - Improved printing of dark tables - Suppressed that `text-hide` deprecation notice by default - Cleaned up some JS globals and improve coverage - Bumped dependencies, namely Jekyll - Fixed docs issue with incorrect name for our monospace font utility Checkout the [v4.1.1 ship list](https://github.com/twbs/bootstrap/issues/25971) and [GitHub project](https://github.com/twbs/bootstrap/projects/13) for the full details. ### [`v4.1.0`](https://github.com/twbs/bootstrap/releases/tag/v4.1.0) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.0.0...v4.1.0) - Added new custom range form control. - Added new `.carousel-fade` modifier to switch carousel from horizontal sliding to crossfade. - Added new `.dropdown-item-text` for plaintext dropdown items. - Added new `.flex-fill`, `.flex-grow-*`, and `.flex-shrink-*` utilities. - Added new `.table-borderless` variant for tables. - Added new `.text-monospace` utility. - Added new `.text-body` (default body color), `.text-black-50` (50% opacity black), and `.text-white-50` (50% opacity white) utilities. - Added new `.shadow-*` utilities for quickly adding `box-shadow`s. - Added ability to disable Popper's positioning in dropdowns. - Fixed longstanding issue with Chrome incorrectly rendering cards across CSS columns. - Deprecated `.text-hide`—you'll see a warning during compilation—as it's a dated and undocumented feature. - Fixed up Dashboard and Offcanvas examples across Firefox and IE. - Breadcrumbs can now use non-string values as dividers. - Updated our Theming docs to confirm you *cannot* use CSS variables in media queries (sorry folks!). Be sure to look at the [ship list](https://github.com/twbs/bootstrap/issues/25375) and [project board](https://github.com/twbs/bootstrap/projects/5) for more details on all our fixes. ### [`v4.0.0`](https://github.com/twbs/bootstrap/releases/tag/v4.0.0) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.0.0-beta.3...v4.0.0) Our first stable v4 release! 🎉 ##### Highlights: - Brand new examples and overhauls for existing ones. - Additional border utilities have been added and the default `border-color` for them darkened from `$gray-200` to `$gray-300`. - Pagination focus styles now match button and input focus state. - Added responsive `.order-0` classes to reset column order. - Improved examples of form validation documentation by adding tooltip examples and more. - New documentation added for using our CSS variables to the [Theming page](https://getbootstrap.com/docs/4.0/getting-started/theming/). - Improved consistent across browsers when printing. - Sass map extends and docs - New and improved print display utilities ##### Project board For more details, visit https://github.com/twbs/bootstrap/issues/25098. ### [`v4.0.0-beta.3`](https://github.com/twbs/bootstrap/releases/tag/v4.0.0-beta.3) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.0.0-beta.2...v4.0.0-beta.3) ##### Breaking changes As mentioned in [our Beta 2 release](http://blog.getbootstrap.com/2017/10/19/bootstrap-4-beta-2/), we needed to make a few more breaking changes in Beta 3. We've summarized them here and in our [migration docs](https://getbootstrap.com/docs/4.0/migration/#beta-3-changes)—be sure to read them! - **Rewrote native and custom check controls.** Both browser default and custom checkboxes and radios now have simpler markup after removing the `<input>` from the `<label>`. Now, all checkboxes and radios have a parent `<div>` and sibling `<input>` and `<label>` pair. This is essential for form validation and disabled inputs because we can use the input's state to style the label. In addition, custom checkbox and radio elements no longer have a `.custom-control-indicator`. This is generated from the new `.custom-control-label`. - **Input groups were rewritten** with specific `.input-group-{prepend|append}` classes. The new approach allows us to support validation styles and messages within input groups, while also adding support for custom selects, custom file inputs, and multiple `.form-control`s. - **Responsive tables are once again parent classes** to avoid accessiblity issues with changing a `<table>`'s `display`. - **Deleted the `.col-form-legend` class**, consolidating it's styles into the `.col-form-label` class. Read the [Migration page](https://getbootstrap.com/docs/4.0/migration/#beta-3-changes) for further details. ##### More highlights In addition to the breaking changes, we've addressed a few more general issues that may impact your project. - Restored `cursor: pointer` to non-disabled links, buttons, `.close`, navbar toggler, and pagination links. - Added a new vertically centered modal option with `.modal-dialog-centered`. - Added new dropleft and dropright variants for dropdowns in [#&#8203;23860](https://github.com/twbs/bootstrap/issues/23860). - Our npm package no longer includes any files other than our source and dist JavaScript and CSS files. If you previously relied on our running our scripts via the `node_modules` folder, you'll need to update your build tools. - Print styles have moved to bottom of the import stack to properly override styles. For more details on this release's changes, take a look at the [Beta 3 ship list issue](https://github.com/twbs/bootstrap/issues/24439), as well as the [Beta 3 project](https://github.com/twbs/bootstrap/projects/10). ### [`v4.0.0-beta.2`](https://github.com/twbs/bootstrap/releases/tag/v4.0.0-beta.2) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.0.0-beta...v4.0.0-beta.2) Beta 2 is here! [Read the full ship list for details](https://github.com/twbs/bootstrap/issues/23278) on what issues were closed and PRs merged. *** ##### Highlights - Improved Sass map customization with [#&#8203;23260](https://github.com/twbs/bootstrap/issues/23260). With this change, it's now possible to override specific key value pairs instead of resetting the entire map, ideal for color scheme customization. - Restored grid `.offset-` modifiers in [#&#8203;23445](https://github.com/twbs/bootstrap/issues/23445). Originally our intent was to supplement this with our margin utilities, but we underestimated the appeal of fixed number column offsets. - Remove unnecessary `color` from `.badge`, and it's associated `$badge-color` variable, in [#&#8203;23529](https://github.com/twbs/bootstrap/issues/23529). - Rename `grayscale` function to `gray` to avoid breaking CSS native `grayscale` filter in [#&#8203;23579](https://github.com/twbs/bootstrap/issues/23579). - Renamed `.table-inverse`, `.thead-inverse`, and `.thead-default` to `.*-dark` and `.*-light`, matching our color schemes used elsewhere in [#&#8203;23560](https://github.com/twbs/bootstrap/issues/23560). - Responsive tables now generate classes for each grid breakpoint, meaning we've added `.table-responsive-{sm,md,lg,xl}` to the already present `.table-responsive`. You might need to adjust your usage depending on when you want a table to resize. See [#&#8203;22804](https://github.com/twbs/bootstrap/issues/22804). - Include two new dist files which contain Popper.js inside `bootstrap.bundle.js` and `bootstrap.bundle.min.js`. See [#&#8203;23735](https://github.com/twbs/bootstrap/issues/23735). - Dropped support for Bower as they've deprecated the package manager. See [#&#8203;23568](https://github.com/twbs/bootstrap/issues/23568). - Switched breadcrumbs from `float` to flexbox in [#&#8203;23683](https://github.com/twbs/bootstrap/issues/23683). - Added new CSS variables in [#&#8203;23761](https://github.com/twbs/bootstrap/issues/23761). - Switched to Stylelint in [#&#8203;23572](https://github.com/twbs/bootstrap/issues/23572). - New Theming page in the docs from [#&#8203;23611](https://github.com/twbs/bootstrap/issues/23611) - [#&#8203;23943](https://github.com/twbs/bootstrap/issues/23943): Changed the `color-yiq` from a mixin that included the `color` property to a function that returns a value, allowing you to use it for any CSS property. For example, instead of `color-yiq(#&#8203;000)`, you'd write `color: color-yiq(#&#8203;000);`. - New and improved theming in [#&#8203;24429](https://github.com/twbs/bootstrap/issues/24429). ### [`v4.0.0-beta`](https://github.com/twbs/bootstrap/releases/tag/v4.0.0-beta) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.0.0-alpha.6...v4.0.0-beta) It's a beta! Holy crap this took forever. Thanks for sticking with me on this one—means a lot, y'all <3. *** ##### Highlights! - Dropped Normalize.css as a dependency, forking some of it and remixing it with our own Reboot for a more stable normalization approach. - Update navbar responsive behaviors to be mobile first, use a new class name `.navbar-expand` instead of `.navbar-toggleable`, remove toggler position modifiers (relies on flex utils now), and fix a handful of bugs. - Stabilize some grid behaviors and update the docs. - Updated the grid to drop push, pull, and offset in favor of new `.order-` modifiers and margin utilities. - Renamed tons of variables (see [#&#8203;22414](https://github.com/twbs/bootstrap/issues/22414) and [#&#8203;22092](https://github.com/twbs/bootstrap/issues/22092)) for a more consistent naming scheme. - Removed remaining `cursor: pointer`s to restore browser defaults and better indicate actions vs hyperlinks. - Renamed flexbox `order` utilities to better match utility naming scheme of `.property-value`. - Restored Alpha 5's placement of `_custom.scss` in our import order. - Rewrote display and responsive utilities to de-dupe a bunch of functionality. - Removed Gruntfile and docs from package manager builds. - Overhauled our color system with new Sass maps, variables, classes, and component variants. - Updated browser support to bring ranges up to more recent versions. - Added a bash script for linting unused variables. - Moved jQuery and Popper to `peerDependencies` as they're not requirements for every part of Bootstrap. *** **[Be sure to read the full ship list.](https://github.com/twbs/bootstrap/issues/21568)** ### [`v4.0.0-alpha.6`](https://github.com/twbs/bootstrap/releases/tag/v4.0.0-alpha.6) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.0.0-alpha.5...v4.0.0-alpha.6) Happy New Year! It's our final alpha for Bootstrap 4. ##### Details - [Read the ship list](https://github.com/twbs/bootstrap/issues/20939) - [Browser the closed milestone](https://github.com/twbs/bootstrap/milestone/39?closed=1) ##### Highlights - Flexbox is now on by default, with no fallback! This means we've dropped IE9 support, but with significant savings to our code base, simpler components, and improved customization thanks to the power of flexbox. - Rebuilt the navbar with flexbox in mind, leading to some structural changes, but including more flexibility and customization. Includes updated docs, code snippets, more responsive options. All navbars in our examples are also using the latest markup and styles now. Also solves around 10 bugs in the process! - Overhauled flexbox utilities and documented them. Replaced all the previous flexbox utilities with new ones that are named after `property: value` pairs (instead of creating new names for things). For example, `.flex-items-between` is now `.justify-content-between` to apply `justify-content: between;`. This also adds tons of new flexbox utilities for `display`, `order`, `wrap`, and more. - Revamped navs Sass with flexbox and updated docs. All the `float`s and clearfixs have been removed, `.nav-inline` removed (on account of `display: flex` inlining for us on `.nav`), added fill and justify options, and more. - Building on the grid improvements from Alpha 5, you can now customize container padding across grid breakpoints and optionally remove grid gutters with `.no-gutters`. - Similarly, our flexbox grid system has new classes for automatically sizing columns to the size of their content across viewports (e.g., you can now apply `col-xs-6`, `col-md-auto`, and `col-xl-4` to a single element). - Grid, display, float, margin, padding, and text utility classes have been significantly overhauled. In addition to all classes now being responsive, the `xs` tier no longer requires a breakpoint abbreviation, making for shorter and more descriptive classes and an easier migration from v3. For example, instead of `.d-xs-none`, it's back to `.d-none` while it remains `.d-{sm,md,lg,xl}-none` for those breakpoints. - Renamed some `.active`, all `.in`, and all `.open` classes for our JavaScript powered components for more consistent naming. For example, instead it's now `.collapse.show` instead of `.collapse.in` and `.show > .dropdown-menu` instead of `.open > .dropdown-menu` to better communicate the visibility of elements. - Refactored carousel with new, simpler styles, better documentation, and less specific selectors. - Rewrote progress component without the `<progress>` element due to lack of animations, no support for multiple bars, and no support for labels on the progress bars. - Fixed some unescaped `#`s in our SVG data URLs that are used to add vector background-images. - Renamed `.tag` back to `.badge`, like v3, to avoid conflicts with common WordPress styles. - A number of custom form enhancements and bugfixes were made. Label-less custom radios and cehckboxes, fixed SVG URLs in `background-image`s, and more. - Updated Normalize.css to v5.0.0. - `.form-check` and `.form-check-inline` now share the same markup. Switch between the two by adding or removing `.form-check-inline` as a modifier. - Added support for justified navigation when in flexbox mode. - Renamed `_animation.scss` to `_transitions.scss` for clarity. - Added new color variables (e.g., `$blue`) for additional customization. ### [`v4.0.0-alpha.5`](https://github.com/twbs/bootstrap/releases/tag/v4.0.0-alpha.5) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.0.0-alpha.4...v4.0.0-alpha.5) Fifth alpha! View the milestone for details: https://github.com/twbs/bootstrap/issues/20630. ### [`v4.0.0-alpha.4`](https://github.com/twbs/bootstrap/releases/tag/v4.0.0-alpha.4) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.0.0-alpha.3...v4.0.0-alpha.4) Fourth alpha release! [See the closed milestone](https://github.com/twbs/bootstrap/milestone/40?closed=1) for details. ### [`v4.0.0-alpha.3`](https://github.com/twbs/bootstrap/releases/tag/v4.0.0-alpha.3) [Compare Source](https://github.com/twbs/bootstrap/compare/v4.0.0-alpha.2...v4.0.0-alpha.3) Third alpha release! [See the closed milestone](https://github.com/twbs/bootstrap/milestone/35?closed=1) for details. </details> --- ### Configuration 📅 **Schedule**: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check this box --- This PR has been generated by [Renovate Bot](https://github.com/renovatebot/renovate). <!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzOS4xODUuOCIsInVwZGF0ZWRJblZlciI6IjM5LjE4NS44IiwidGFyZ2V0QnJhbmNoIjoibWFzdGVyIiwibGFiZWxzIjpbXX0=-->
renovate-bot force-pushed renovate/twitter-bootstrap-4.x from 9db47634a0 to e1fc833e29 2025-03-10 05:25:02 +00:00 Compare
kumi merged commit 1f247c4bc7 into master 2025-03-10 06:22:49 +00:00
kumi deleted branch renovate/twitter-bootstrap-4.x 2025-03-10 06:22:49 +00:00
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: kumi/django-oidc-provider#5
No description provided.