The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

Overview

Bootstrap logo

Bootstrap

Sleek, intuitive, and powerful front-end framework for faster and easier web development.
Explore Bootstrap docs »

Report bug · Request feature · Themes · Blog

Bootstrap 4

Our default branch is for development of our upcoming Bootstrap 5 release. Head to the v4-dev branch to view the readme, documentation, and source code for Bootstrap 4.

Table of contents

Quick start

Several quick start options are available:

Read the Getting started page for information on the framework contents, templates and examples, and more.

Status

Slack Build Status npm version Gem version Meteor Atmosphere Packagist Prerelease NuGet peerDependencies Status devDependency Status Coverage Status CSS gzip size CSS Brotli size JS gzip size JS Brotli size BrowserStack Status Backers on Open Collective Sponsors on Open Collective

What's included

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:

bootstrap/
├── css/
│   ├── bootstrap-grid.css
│   ├── bootstrap-grid.css.map
│   ├── bootstrap-grid.min.css
│   ├── bootstrap-grid.min.css.map
│   ├── bootstrap-grid.rtl.css
│   ├── bootstrap-grid.rtl.css.map
│   ├── bootstrap-grid.rtl.min.css
│   ├── bootstrap-grid.rtl.min.css.map
│   ├── bootstrap-reboot.css
│   ├── bootstrap-reboot.css.map
│   ├── bootstrap-reboot.min.css
│   ├── bootstrap-reboot.min.css.map
│   ├── bootstrap-reboot.rtl.css
│   ├── bootstrap-reboot.rtl.css.map
│   ├── bootstrap-reboot.rtl.min.css
│   ├── bootstrap-reboot.rtl.min.css.map
│   ├── bootstrap-utilities.css
│   ├── bootstrap-utilities.css.map
│   ├── bootstrap-utilities.min.css
│   ├── bootstrap-utilities.min.css.map
│   ├── bootstrap-utilities.rtl.css
│   ├── bootstrap-utilities.rtl.css.map
│   ├── bootstrap-utilities.rtl.min.css
│   ├── bootstrap-utilities.rtl.min.css.map
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap.rtl.css
│   ├── bootstrap.rtl.css.map
│   ├── bootstrap.rtl.min.css
│   └── bootstrap.rtl.min.css.map
└── js/
    ├── bootstrap.bundle.js
    ├── bootstrap.bundle.js.map
    ├── bootstrap.bundle.min.js
    ├── bootstrap.bundle.min.js.map
    ├── bootstrap.esm.js
    ├── bootstrap.esm.js.map
    ├── bootstrap.esm.min.js
    ├── bootstrap.esm.min.js.map
    ├── bootstrap.js
    ├── bootstrap.js.map
    ├── bootstrap.min.js
    └── bootstrap.min.js.map

We provide compiled CSS and JS (bootstrap.*), as well as compiled and minified CSS and JS (bootstrap.min.*). source maps (bootstrap.*.map) are available for use with certain browsers' developer tools. Bundled JS files (bootstrap.bundle.js and minified bootstrap.bundle.min.js) include Popper.

Bugs and feature requests

Have a bug or a feature request? Please first read the issue guidelines and search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.

Documentation

Bootstrap's documentation, included in this repo in the root directory, is built with Hugo and publicly hosted on GitHub Pages at https://getbootstrap.com/. The docs may also be run locally.

Documentation search is powered by Algolia's DocSearch. Working on our search? Be sure to set debug: true in site/assets/js/search.js.

Running documentation locally

  1. Run npm install to install the Node.js dependencies, including Hugo (the site builder).
  2. Run npm run test (or a specific npm script) to rebuild distributed CSS and JavaScript files, as well as our docs assets.
  3. From the root /bootstrap directory, run npm run docs-serve in the command line.
  4. Open http://localhost:9001/ in your browser, and voilà.

Learn more about using Hugo by reading its documentation.

Documentation for previous releases

You can find all our previous releases docs on https://getbootstrap.com/docs/versions/.

Previous releases and their documentation are also available for download.

Contributing

Please read through our contributing guidelines. Included are directions for opening issues, coding standards, and notes on development.

Moreover, if your pull request contains JavaScript patches or features, you must include relevant unit tests. All HTML and CSS should conform to the Code Guide, maintained by Mark Otto.

Editor preferences are available in the editor config for easy use in common text editors. Read more and download plugins at https://editorconfig.org/.

Community

Get updates on Bootstrap's development and chat with the project maintainers and community members.

  • Follow @getbootstrap on Twitter.
  • Read and subscribe to The Official Bootstrap Blog.
  • Join the official Slack room.
  • Chat with fellow Bootstrappers in IRC. On the irc.freenode.net server, in the ##bootstrap channel.
  • Implementation help may be found at Stack Overflow (tagged bootstrap-5).
  • Developers should use the keyword bootstrap on packages which modify or add to the functionality of Bootstrap when distributing through npm or similar delivery mechanisms for maximum discoverability.

Versioning

For transparency into our release cycle and in striving to maintain backward compatibility, Bootstrap is maintained under the Semantic Versioning guidelines. Sometimes we screw up, but we adhere to those rules whenever possible.

See the Releases section of our GitHub project for changelogs for each release version of Bootstrap. Release announcement posts on the official Bootstrap blog contain summaries of the most noteworthy changes made in each release.

Creators

Mark Otto

Jacob Thornton

Thanks

BrowserStack Logo

Thanks to BrowserStack for providing the infrastructure that allows us to test in real browsers!

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]

OC sponsor 0 OC sponsor 1 OC sponsor 2 OC sponsor 3 OC sponsor 4 OC sponsor 5 OC sponsor 6 OC sponsor 7 OC sponsor 8 OC sponsor 9

Backers

Thank you to all our backers! 🙏 [Become a backer]

Backers

Copyright and license

Code and documentation copyright 2011–2021 the Bootstrap Authors and Twitter, Inc. Code released under the MIT License. Docs released under Creative Commons.

Comments
  • WIP: Bootstrap 3

    WIP: Bootstrap 3

    While our last major version bump (2.0) was a complete rewrite of the docs, CSS, and JavaScript, the move to 3.0 is equally ambitious, but for a different reason: Bootstrap 3 will be mobile-first. This is an ongoing document to identify the changes we'll be making along the way.

    Docs and repo

    We'll be working to simplify the content of the docs once again. Key changes are around the organization of the pages and the tools powering them.

    Repository

    • [x] Add new dist folder.
      • Includes two subfolders, css and js, each containing a regular and minified version of Bootstrap's CSS and JavaScript.
    • [x] Separate dependencies from compiled Bootstrap files with new assets folder.
      • All files within assets are documentation assets or third party dependencies.
    • [x] Switch from Makefile to Grunt.
      • Grunt is JavaScript-based
      • Helps folks who want to run and compile Bootstrap locally on Windows
      • Replaces all existing make commands with grunt commands (all the same functionality, just a different tool)

    General docs changes

    • [x] Convert docs to Jekyll.
      • Instead of Mustache, docs templates are built with Jekyll.
      • This greatly simplifies deploying docs changes, isolates our docs from CSS and JavaScript changes, and drastically decreases the amount of code being tracked in the repo.
      • It also provides better URLs, page title variables, partials, and code highlighting.
      • New repo structure
    • [x] Host previous versions of documentation.
      • Instead of having folks download release tags, we'll go back and add the docs for the most recent version (2.3.2) to the site. They'll be available at http://getbootstrap.com/2.3.2/ once v3 goes live.
    • [x] Move examples to separate repo.
      • Fitting with our theme of focus and simplicity in the repo, we're moving all the example templates out into their own repository at twbs/bootstrap-examples.
      • This keeps the examples as static files without a Jekyll server in the way, so more folks have easy access to them.
      • It also removes a ton of static files (the example screenshots) from the repo and that's a huge win.
    • [x] Add "Customizing Bootstrap" section to detail best practices for customizing CSS.
    • [x] Remove all i18n tags from Mustache templates. No more {{_i}} and {{/i}} in the docs templates, just raw HTML in our Mustache files.
    • [x] Remove Extend page because it's content was not directly applicable to Bootstrap and out of date with info in the readme and Getting Started page.

    Homepage

    • [x] Point link to the new Bootstrap Expo.
    • [x] Remove examples and basically all marketing content from homepage.

    Getting started

    • [x] Add Bower installation instructions to guide.
    • [x] Add new Customization best practices section.

    Global JavaScript

    • [x] Overhaul CSS transitions and reinforce with JavaScript transitions as necessary.
    • [x] Improve noConflict throughout plugins.
    • [x] Namespace events to reduce conflict issues.
    • [x] Drop bootstrap-typeahead.js.
      • For context, see #7805 & https://github.com/twitter/bootstrap/commit/88dd9de9bad56b30a12466477a810c78648200c9.
      • Instead, use Twitter's typeahead.js plugin.

    Global CSS

    At a high level, we're dropping IE7 and FF3.6 support, combining standard and responsive CSS into a single file, and consolidating additional code as appropriate.

    Browser support

    • [x] Drop support for IE7. Removed all * hacks, such as *zoom: 1;, and other IE7-specific lines of CSS.
    • [x] Drop support for Firefox 3.6. Removed -moz-box-shadow instances and related hacks.

    LESS changes

    • [x] Refactor most components to be more mixin-friendly.
      • Instead of all component classes being a hodgepodge of un-nested CSS, we'll re-order the code to make it super easy to take any Bootstrap class and use it as a mixin.
      • Not all components have been rewritten this way, but those that make sense to rename have.
    • [x] Rename variables to use dashes instead of camelCase. For example, it's now @body-bg instead of @bodyBackground.
    • [x] More consistent variable naming scheme.
      • The format of variables was all over the place and has now been standardized.
      • The general approach is element, state, pseudo state. For example, @navbar-link-color-hover.
    • [x] Replace existing color variables with more semantic ones.
      • No more @blue, @orange, and the like, which we weren't using them much anyway.
      • They've been replaced with @brand-primary, @brand-success, and others. These are then assigned on a per-component basis (e.g., @state-warning-text, @btn-background-primary, etc).
      • Also removed @black and @white because #000 and #fff are 20% shorter and not something that should be controlled via variable.
    • [x] Remove .border-radius() and .border-*-*-radius mixins.
      • As only Android 2.1, iOS 3.2, and older desktop browsers require a prefixed version, we've removed the base mixin. Since we no longer require prefixes for independent corners, we've dropped those mixins as well. Mixins for a single side, like .border-left-radius, are still available.
    • [x] Use decimal values in .opacity() mixin instead of whole numbers to match default CSS patterns.
      • For example, write .opacity(.5) instead of .opacity(50).
    • [x] Add retina image mixin. Declare a standard and 2x image path and set the size for easy retina images anywhere with .img-retina().
    • [x] Add new global @component-active-bg variable.
      • Instead of assigning @link-color to multiple variables for backgrounds, we have dedicated a new variable to that.
      • Change @component-active-bg and customize the active states of nav pills, dropdowns, and more.
    • [x] Update gradient mixins for better color stop support.
      • Vertical and horizontal gradients now accept four values, in the following order: @start-color, @start-percent, @end-color, and @end-percent.
      • Upgrading means specifying all four values in the above order, or specifying variables directly when calling your mixins.
      • To call a gradient but only set two properties, directly assign values to the variables like so: #gradient > .vertical(@start-color: red; @end-color: blue);. Doing so will include the default values for any unmentioned variables.
    • [x] Drop unused prefixes from several mixins.
      • See https://github.com/twitter/bootstrap/pull/8380 for more information.

    Miscellaneous

    • [x] Go mobile first. Responsive CSS is no longer separate and all responsive features are now compiled into the core bootstrap.css file near. Separate files are no longer required, and have thus been removed.
    • [x] Upgrade to latest Normalize, and removed reset.less.
      • This includes removing reset.less in favor of a dedicated normalize.less file.
      • Print styles and responsive image CSS (the only meaningful modifications from the previous reset file) have been moved to print.less and scaffolding.less, respectfully.
    • [x] Moved print styles to separate print.less file.
      • Previously print styles were bundled with the scaffolding.less page.
      • Now within a separate file for easy removal via the Customizer.
    • [x] Remove layouts.less.
      • Since it only held a couple layout styles and the fluid container has been removed (see next section), this file is superfluous.
      • We've moved the default .container styles to grid.less.
    • [x] Add !important to .hide and .show.
      • For these classes to work on every element, the specificity either needed to be higher or we needed the !important flag. We opted for the latter for fewer lines of code.
    • [x] Drop *-important for .*-danger.
      • Some elements had red variations that came from different class naming schemes, so we standardized that by switching all red variations to *-danger.
      • Includes buttons, labels, badges, text, alerts. and progress bars.
    • [x] Refactor responsive utility classes to match new media queries.

    Grid system

    The grid is drastically simpler, yet more powerful, in BS3. We're transitions back to a single grid system, but with all the awesomeness that was present in the old grids. On top of that, we've also added some new features.

    • [x] Overhaul grid systems to make it fluid and mobile-first.
      • Removed the separate fluid grid system, container, and layout as we're down to one grid.
      • New single grid system (still uses .row) utilizes percentages over pixels, padding instead of margin, and box-sizing: border-box for easy math.
      • The grid is mobile first, meaning it starts out stacked and scales up as necessary to become horizontal via media queries. Previously the grid was built for 940px layouts and scaled up and down.
      • Nesting is still 100% supported, but columns will be proportionately sized to their parent, just as the old fluid grid behaved.
      • Offsets are still 100% supported.
    • [x] Increase specificity of grid classes.
      • Instead of .span* and .offset*, we're now using .col-* and .col-offset-*, respectively.
    • [x] Add tiny and small grid systems for phones and tablets.
      • Similar to the default grid system, we've added two more sets of grid classes to create more complex layouts for phones and tablets. That means you can optionally utilize 12 columns at two additional important breakpoints.
      • Use .col-* classes for tiny devices (smartphones).
      • Use .col-sm-* classes for small devices (tablets).
      • The small grid classes also include support for offsets and source ordering, but the tiny grid classes do not.
    • [x] Simplify required grid variables.
      • The @grid-row-width and @grid-column-width variables have been removed. We didn't use the row width (@gridRowWidth as of v2.3.1) variable anywhere in the source and column widths are now derived via simple calculations in our LESS.
      • We've added a new @grid-float-breakpoint variable to customize the point at which the floats and widths kick in for our new mobile-first grid.
    • [x] New and improved grid mixins.
      • Changed .makeRow() to .make-row().
      • Changed .makeColumn() to .make-column(). In addition, it includes a media query to apply the float and width when above the @grid-float-breakpoint value.
      • Added .make-column-offset() to generate column gaps, similar to the predefined grid classes.
    • [x] Add .col-push-* and .col-pull-* modifier classes for easy column source ordering.
    • [x] Remove dedicated table grid classes.
      • They are no longer necessary given the new grid.
      • However, we are still removing the float on .col-* classes when used within .table elements.
    • [x] Remove dedicated input grid classes.
      • Remove input grid mixin and input span classes.
      • Given new grid system, inputs are always width: 100%; to start.
      • Best practices now are to place 100% wide inputs within grid columns as opposed to using classes directly on input elements.
    • [x] Use max-width instead of width on all .container instances to help prevent some issues with containers in components like navbars.

    Type

    Typography in Bootstrap 3 isn't seeing much change, just a decent amount of cleanup and some small improvements.

    Headings

    • [x] Add support for headings classes (e.g., h1, .h1 { … }).
    • [x] Remove text-rendering: optimizeLegibility from headings to prevent (inconsistent) broken rendering on some Android and Windows devices.

    Lists

    • [x] Change ul.unstyled to .list-unstyled.
      • No longer dependent on HTML element in the selector.
      • Can now be used as mixin.
    • [x] Change ul.inline to .list-inline.
      • Uses .list-unstyled as a mixin to reset default list styles.
      • Can now be used as a mixin.

    Text classes

    • [x] Changed .muted to .text-muted to match the other contextual text colors.
    • [x] Fixed bug with text alignment utility classes and tables.

    LESS

    • [x] Remove all #font mixins.
      • We only used these in one place and they honestly just complicated things.
      • Instead of using mixins, just make use of the @font-family- variables.
    • [x] Drop the @altFontFamily variable.

    We explored the use of rem units over pixels, but found little benefit to offset the implications of their use. IE8 would still need a pixel fallback, and that's a lot of duplicate lines of code. Moreover, using rems everywhere instead of pixels would exacerbate that problem. Mixing rems and pixels doesn't seem to make sense either right now. However, we can and will continue to evaluate this in future releases.

    Tables

    • [x] Add support for responsive utility classes on table elements.
    • [x] Remove table.info from table state classes.
    • [x] Added global text-align: left; for <th> elements (to undo the default center alignment) and removed font-weight: bold; from them (bold is a browser default).
    • [x] Improve nesting by scoping all styles to immediate children.
      • Using the > selector, we scope all styles.
      • Doesn't change much, but does mean you'll need to apply the table classes to all nested tables.

    Images

    • [x] Consolidate image thumbnail styles. No more .img-polaroid as it duplicated the same styles as .thumbnail. Now you can use .img-thumbnail for regular inline(-block) images, or .thumbnail for composite components.

    Buttons

    Fewer, but better buttons. They're redesigned and we're removing some from the mix because they have no clear and universal semantic purpose.

    • [x] Default button now requires .btn-default class.
      • The default gray button requires two classes—class="btn btn-default".
      • This better matches all our other buttons as well.
      • We tried to remove the .btn class as well, but given the CSS for creating button groups and dropdowns, it's much simpler to keep it around.
      • While it does add an extra class, it's specificity great simplifies customization methods in plain CSS, and even more so when extending those classes with LESS mixins.
    • [x] Drop .btn-inverse.
      • There really is no semantic reasoning for having it, so it's gone.
    • [x] Revamp some of the aesthetics of the buttons (no more outer box-shadow) by default.
    • [x] Simplify button mixins and pseudo states.
      • Removed the .buttonBackground() mixin since it was no longer in use.
      • Added the .btn-pseudo-states() mixin for setting button background-color and border-color for the default and :hover, :focus, :active, and various disabled states.
    • [x] Add justified button group option for link buttons.
      • This feature is only available for buttons with link tags, e.g. <a href="#" class="btn">Button</a>, and is not compatible with the <button> element due to some browser lame-itude that keeps buttons from accepting auto widths on table-cell buttons.

    Tables

    • [x] Add .active contextual class.
      • Applies the table hover background-color to any row or cell that gets the .active class.
    • [x] Allow contextual classes to be applied to <thead> and <tfoot> cells.

    Forms

    Form controls are now 100% width by default, input groups have been overhauled, and form states simplified.

    • [x] Update box model for inputs.
      • Switched to box-sizing: border-box; and width: 100%; by default for all textual inputs.
      • This means you'll need to specify a size for inputs, whereas before 3.0 inputs had a set pixel width (around 220px) to start.
    • [x] Remove input-prepend and input-append for singular .input-group. The classes have changed for the elements within, and require a bit more markup to use buttons.
      • Use .input-group as the parent class around the input and addon.
      • For text based prepends/appends, use .input-group-addon instead of .addon.
      • For button prepends/appends, use .input-group-btn and place your .btn within that element.
    • [x] Drop .form-search.
    • [x] Add support for fieldset[disabled]. All form controls within a <fieldset> with the disabled attribute will be styled appropriately.
    • [x] Drop cursor: pointer; from labels and instead only set them on checkbox and radio label options.
    • [x] Drop .controls-row for grid inputs.
      • Given input elements in 3.0 are set to width: 100% by default, and since we don't want to implement a separate input grid, we've opted to drop the .controls-row functionality.
      • Instead, folks should wrap inputs in standard grid markup: with a wrapping .row and individual .span* columns around each input.
    • [x] Drop .input-block-level mixin and class.
      • Since inputs are already width: 100%;, this is redundant.
      • Note: inputs are still display: inline-block, so if you absolutely need them to be block level, you'll need to independently set that yourself.
    • [x] Drop the .uneditable-input control. Instead, use a read-only input if you must.
    • [x] Drop .inline-help option.
    • [x] Horizontal forms are now mobile-first, meaning at <768px, elements are stacked. Above that, elements are floated and appear side-by-side.
    • [x] Checkboxes and radios now require an extra <div>.
      • Instead of label.checkbox, you'll need div.checkbox with a <label> within.
      • This was done to tighten up the clickable area around labels and avoid potential misclicks.
    • [x] New classes for inline radios and checkboxes.
      • Instead of .radio.inline, you now need a single class, .radio-inline, for direct use on a <label> element.
      • To be clear, inline radios and checkboxes do not need a wrapping <div>, but the default stacked ones do.
    • [x] Added new placeholder syntax to the .placeholder() mixin for Firefox 19+.
    • [x] Drop .help-inline.
      • Given the 100% wide inputs and focus on mobile, inline help text makes much less sense.
      • Block help text via .help-block remains.

    Icons

    • [x] Convert to Glyphicons font and move to separate repository.
      • Convert to Glyphicons v1.7 @font-face and drop the old PNGs.
    • [x] Change required base class and prefix.
      • Instead of using an attribute selector, like [class^="glyphicon-"], we now require a base class, .glyphicon.
      • This improves general performance for larger pages while also increasing the durability of our code (as it doesn't enforce a specific order of classes).
      • This is in addition to the prefix class (which has also been udpated).
      • All classes start with .glyphicon- instead of .icon- for a more unique class and consistency with the newly required base class.

    Responsive utilities

    • [x] Refactor responsive-utilities.less to use new mobile-first approach.
    • [x] Update the docs to reflect the changes in media queries used.

    Button groups

    • [x] Add support for dropdowns in button groups (or, nested button groups).
    • [x] Update checkbox and radio variations to use form controls.
      • Checkbox and radio button groups now use <input>s in their markup.

    Labels and badges

    We have differentiated the labels and badges with v3. The gist is that badges no longer have modifier classes and are purely meant as unread counters.

    • [x] Dropped all modifier variations on badges, making it as neutral as possible, much like those of Mail.app on OS X.
    • [x] Dropped the .label-inverse variation (in conjunction with the inverse button being removed).
    • [x] Refactor labels to scale with their parent's font-size.

    Jumbotron (formly hero unit)

    • [x] Class changed from .hero-unit to .jumbotron. Associated variables have also been updated to match.
    • [x] Lighter font-weight for headings. Uses semibold instead of bold for headings.
    • [x] Scale font-size in responsive views.
    • [x] Now full-width without rounded corners to in mobile viewports.
    • [x] Improved type styles—now it starts with normal heading sizes and scales to larger sizes given a larger viewport.

    Breadcrumbs

    • [x] Remove the trailing / from the last item.

    Navigation

    Navs

    • [x] Remove .nav-list option. Replaced by the new .list-group component.
    • [x] Remove tabs on left, right, and bottom.
      • Tabs on the left and right, while occasionally useful, have been removed from our CSS.
      • You can still use the JavaScript plugin and custom CSS to make left/right tabs, but we will no longer include those in the core.
    • [x] Removed parent <div> in the pagination component and dropped center and right alignment options. See #6562 for context.

    Navbars

    • [x] Drop support for .navbar-search. We dropped the .navbar-search form layout, so it doesn't make sense to have this anymore. Also, this is just a slightly fancier .navbar-form, which we plan on keeping.
    • [x] Overhaul styles of default navbar and its sub-components:
      • Dropdown menu carets (those attached to the actual menu, not the indicators) have been removed so that dropdown menus sit flat against the edge of the navbar.
      • Navbar vertical dividers have been brought in a smidge, meaning they do not extend the full height of the navbar.
      • No more box-shadow or gradients on the navbars.
      • Height of navbar has increased from 44px to 62px for mobile devices, and 50px for desktops.
    • [x] Removed .navbar-inner and moved relevant styles to .navbar. The inner div is no longer required, greatly simplifying our shit.
    • [x] Changed .navbar > .nav to .navbar-nav.
    • [x] Change .btn-navbar to .navbar-toggle.
      • More consistent naming schema
      • Redesigned it a bit, lightening the styles and widening it, while also positioning it absolutely to the top right.
    • [x] Updated navbar brand component:
      • Changed .brand to .navbar-brand for a more consistent naming schema.
      • Center aligned .navbar-brand in mobile views, with a max-width: 200px; to limit hit area given a likely navbar toggle will be very near by.
    • [x] Dropped navbar dividers.
    • [x] Added support for disabled nav links.
      • Includes new variables like @navbar-link-color-disabled and @navbar-link-bg-disabled, along with the inverse options.

    Dropdowns

    • [x] Remove submenus suport in dropdown menus.
    • [x] Removed .nav-header and replaced with .dropdown-header on account of no more .nav-list and that dropdowns still benefit from section headings.

    Progress bars

    • [x] Add variables for background colors. Instead of hard-coded (and different) green, red, yellow, and blue colors, we use the new (more semantic) global colors.
    • [x] Refactor progress bar classes for simpler CSS.
      • New structure is now .progress on the outer <div> and .progress-bar on the inner <div>.
      • Instead of placing modifier classes on the parent, they are placed directly on the bars (e.g., .progress-bar-info) in addition to the required .progress-bar class.

    Modals

    • [x] No longer require use of .hide. We updated the utility classes to use !important and to avoid clashing, removed the .hide class from modals. Now display: none; is set directly in the modals.less file. When upgrading, be sure to remove the .hide class from existing modals.
    • [x] Redesign the modals to be mobile-first.
      • As BS3 is mobile-first, this new modal also starts at the mobile level and scales up via media queries.
      • Reintroduces .modal-open on the body (so we can nuke the scroll there)
      • Adds a couple extra levels of markup (namely .modal-dialog and .modal-content) so we can scroll the entire modal rather than overflow a section within the modal.
      • Related, .modal is now the wrapper, and .modal-content is the modal itself. This is so we can still use position: fixed;, but make the modal relatively positioned so that scrolling moves the entire modal, not something with it.
      • Added a .modal-title for more consistent and useful targeting of the heading content (previously this was just an <h3> and selector performance wise that sucked).
    • [ ] Test on iOS5. Not sure if we need to go older, but I want to check here to see how well fixed is supported.
    • [ ] Test on Android devices (including native browser and Chrome). I only have a year-old Nexus lying around, so might need help tracking down bugs on older devices.
    • [ ] Add option to programmatically set width of the modal.
    • [ ] Prevent <body> scrollbar and shifting content with overflow: hidden;.

    Thumbnails

    • [x] Drop the .thumbnails meta component. Instead of special HTML and CSS for grid sizing, just use the grid system itself. Individual .thumbnail styles are still available, but for sizing, require a parent with a set width (e.g., grid columns).

    Alerts

    • [x] <hr> elements within any .alert component will now be styled to match the border color of the alert.
    • [x] Immediate children links within default alerts, and within paragraph text, are now styled for improved readability. Links are automatically bolded and appear as a slightly darker color than the alert text.

    New: List groups

    Added a new component, the list group, for creating simple and complex series of components. Perfect for more complex implementations like email inboxes, or simple ones like a list of options.

    • Requires .list-group as a parent base class (on a <ul>, <ol>, or <div>)
    • Requires .list-group-item for individual list items
    • List items can also be easily linked—just change from <ul class="list-group"> and <li class="list-group-item"> to <div class="list-group"> and <a class="list-group-item">.
    • Option: include a badge, chevron, or both to any list item for automatic placement.
    • Option: use .list-group-item-heading and .list-group-item-text for custom content implementations.

    Linked list groups replace the nav list component.

    List groups can also be used within panels with the .list-group-flush class to take them the full width of the parent panel.

    New: Panels

    Added a new component, the panel, for easily containing content within a box with an optional heading. Also included are contextual state classes for success, warning, danger, and info.

    Tooltips

    • [x] Bump font-size from 11px to 12px.

    Carousel

    • [x] Redesign! Lighter styles for the previous and next controls, as well as the carousel captions.
    • [x] Update required markup for carousel controls. The .carousel-control class now requires another element within it for the previous/next characters. Those characters are now Glyhpicons icons for improved styling and positioning across browsers and devices.
    • [x] Indicators are now bottom-middle aligned.
    • [x] Captions are reinforced as optional and, by default, are hidden on mobile views, then shown for >768px viewports.

    Customizer

    • [x] Redesign the entire thing.
    • [ ] Highlight dependencies between components and assets.
    • [ ] Figure out how to load and download the same customizations.
    opened by mdo 935
  • bootstrap-dropdown.js clearMenus() needs ; at the end

    bootstrap-dropdown.js clearMenus() needs ; at the end

    bootstrap-dropdown.js when minified with JSMin::minify produces error in Firefox error console saying clearMenus()needs ;

    on line:

      clearMenus()
      !isActive && $parent.toggleClass('open')
    

    if in source code this is corrected -- no error in minified version

    js 
    opened by englishextra 289
  • Migrate to MIT License

    Migrate to MIT License

    I'm wanting to include Bootstrap in a Drupal distribution that I'm working on. Because I'm using the Drupal.org packaging system, I cannot include Bootstrap because the APLv2 is not compatible with GPLv2 (which is what all code on Drupal.org must be licensed as, per our license policy: http://drupal.org/licensing/faq#q4)

    I was wondering if you'd be willing to either release Bootstrap under another license (in parallel to the Apache license) that would be compatible with our packaging system, or license Bootstrap specifically to Drupal.org contributors under a compatible license.

    meta 
    opened by cweagans 213
  • Button dropdown links don't work on mobile (android, iOS)

    Button dropdown links don't work on mobile (android, iOS)

    I have simple dropdown buttons we built with 2.04

    links are A tags, proper quotes, href='#'

    Used to work fine.

    Upgraded today to 2.1 and the links in any dropdown button don't work. The dropdown menu opens, but clicking on a link closes the menu without any action. tested on Android 2.3 and iOS 5

    Rolledback to 2.04 and everything works again. Anyone else has this issue?

    js 
    opened by MikiMullor 192
  • Icons as font instead of img

    Icons as font instead of img

    Hi

    Any reason you opted to include image based icons in bootstrap which are limited to the 16px dimensions?

    For example http://somerandomdude.com/work/iconic/ is available as open source fonts - means you can include icons in headers, buttons of various size etc since its vector based.

    Could easily be implemented with the same approach as the current icons:

    i.foobar:before { content: "X" }

    feature 
    opened by andriijas 155
  • Expand the Sizing Utility to allow for responsive breakpoints like

    Expand the Sizing Utility to allow for responsive breakpoints like "w-xl-50" (css, feature, v4)

    Currently, the Sizing utility (https://getbootstrap.com/docs/4.1/utilities/sizing/) only allows for the sizing of the height or width of an element without regard to the viewport size.

    So for instance the "w-50" class makes a lot of sense on a large device in order to limit the width of, for instance, a help text, but not so much on a small device.

    This could be resolved by adding breakpoints to the utility in the same way as it is done for the Spacing utility:

    • w-lg-25 (width: 25% only on large+ devices)
    • w-md-50 (width: 50% only on large+ devices)
    • w-sm-75 (...)
    • w-100 (would be like w-xs-100)

    This enhancement would not change existing usage, but would allow more flexibility for various device sizes.

    Summary: Add support for the following classes:

    w-sm-100, w-sm-75, w-sm-50 and w-sm-25 w-md-100, w-md-75, w-md-50 and w-md-25 w-lg-100, w-lg-75, w-lg-50 and w-lg-25 w-xl-100, w-xl-75, w-xl-50 and w-xl-25 h-sm-100, h-sm-75, h-sm-50 and h-sm-25 h-md-100, h-md-75, h-md-50 and h-md-25 h-lg-100, h-lg-75, h-lg-50 and h-lg-25 h-xl-100, h-xl-75, h-xl-50 and h-xl-25

    feature css v4 
    opened by matthiku 142
  • Grid breakpoint for 480px

    Grid breakpoint for 480px

    The smallest grid column supported at the moment is .col-xs- (<768px), which seems like a big range.

    Would it be advisable to have: .col-xs- (>480px and <768px) .col-tn- (<480px)

    Reason being it still seems reasonable to have a 2 column grid on 768px (240px - 384px per column), while 480px have a stacked column.

    Using the current .col-xs- (<768px) option, putting one stacked column on 768px seems too wide on some cases, and 2 columns on 480px seems ridiculous at times.

    feature css 
    opened by luaz 129
  • Open modal is shifting body content to the left

    Open modal is shifting body content to the left

    When launching the modal component (http://getbootstrap.com/javascript/#modals) the entire content will slightly move to the left on mac OS (haven't tried it on windows yet). With the active modal the scrollbar seem to disappear, while the content width still changes.

    You can observer the problem on the bootstrap page

    js css confirmed 
    opened by mat0r 120
  • Add remote sources support for typeahead

    Add remote sources support for typeahead

    Hi Mark,

    the new typeahead component is awesome. But I often have to implement an autocomplete that is fetching data from a remote source. Would it be possible to add a callback, that I can use to query the remote server and return a set of items that match the entered query?

    function(query) {
        // Do some fetching and return an array of items.
    }
    

    The jQuery UI autocompleter offers returning an array of objects. This is very helpful, as you would often like to display a human friendly title to the user and set an ugly ID in the background as the field's value.

    [{title: 'Look at me', value: '12345xyz'}, {title: 'Foo Bar', value: '654321abc'}]
    

    I know, this increases the complexity of the typeahead component, but makes it on the other side very useful.

    Thanks Marc

    js feature 
    opened by marcboeker 108
  • Open modal is shifting fixed navbar to the right

    Open modal is shifting fixed navbar to the right

    re: https://github.com/twbs/bootstrap/issues/9855 in 3.2.0, when body has a scrollbar, it's content now stays in place when modal is opened (padding is added to the body). But fixed top navbar, having position: fixed, left: 0 and right: 0, now jumps to the right when modal is opened, as it ignores padding-right on the body.

    js css confirmed v3 
    opened by mhawk0 103
  • Middle Mouse Button Not Working in Firefox

    Middle Mouse Button Not Working in Firefox

    Issue: middle mouse click on a link in Firefox, nothing happens. Expected behavior: middle mouse click on a link, open in new browser tab. Live example: http://twitter.github.com/bootstrap/

    Tested on Win7/Firefox19 Safemode/Non-Safemode failed. IE9/Chrome25 ok. Notice it when I upgrade to bootstrap v2.3.1. Switch back to v2.3 and the middle button works again.

    js 
    opened by ericulous 98
  • Ensure Tab keyboard functionality after #37146 merge

    Ensure Tab keyboard functionality after #37146 merge

    Description

    After https://github.com/twbs/bootstrap/commit/1510c25e9be4d8f7f2ba23622bfdfd9afebb6598. https://twbs-bootstrap.netlify.app/docs/5.2/components/navs-tabs/#javascript-behavior,

    @julien-deramond pointed out:

    The user for navigating between the tabs has to do the following:

    • Press "Tab" -> "Home" is focused
    • Press "Right" -> "Profile" is selected (not really focused with the blue outline)
    • Press "Tab" -> "Profile" is focused
    • Press "Right" -> "Contact" is selected (not really focused with the blue outline)
    • Press "Tab" -> "Contact" is focused

    /cc @patrickhlauke

    Type of changes

    • [x] Bug fix (non-breaking change which fixes an issue)
    • [ ] New feature (non-breaking change which adds functionality)
    • [ ] Refactoring (non-breaking change)
    • [ ] Breaking change (fix or feature that would change existing functionality)

    Checklist

    • [x] I have read the contributing guidelines
    • [ ] My code follows the code style of the project (using npm run lint)
    • [ ] My change introduces changes to the documentation
    • [ ] I have updated the documentation accordingly
    • [ ] I have added tests to cover my changes
    • [ ] All new and existing tests passed

    Live previews

    • https://deploy-preview-37200--twbs-bootstrap.netlify.app/docs/5.2/components/navs-tabs/#javascript-behavior
    js accessibility v5 
    opened by GeoSot 1
  • Replace Webpack and Vite PNGs by SVGs

    Replace Webpack and Vite PNGs by SVGs

    Related PR

    Linked to https://github.com/twbs/bootstrap/pull/36899

    Description

    Replace Webpack and Vite PNGs by SVGs.

    Note: I haven't found a SVG version for Parcel.

    Motivation & Context

    The images weights is smaller:

    | Webpack | Vite | |---|---| | PNG: 1.9K | PNG: 4.0K | | SVG: 565B | SVG: 1.5K |

    Live preview

    Screenshot 2022-09-24 at 00 07 58

    docs v5 
    opened by julien-deramond 0
  • Add translations in Asian, European langs, etc

    Add translations in Asian, European langs, etc

    Description

    Added translations of documentation for the latest actual version of Bootstrap 5.2 and below. There are more than 100 translations in different languages on https://bootstrap21.org/. Here are links to just a few of them

    Motivation & Context

    Increasing the popularity of Bootstrap around the world

    Type of changes

    • [ ] Bug fix (non-breaking change which fixes an issue)
    • [ ] New feature (non-breaking change which adds functionality)
    • [ ] Refactoring (non-breaking change)
    • [ ] Breaking change (fix or feature that would change existing functionality)

    Checklist

    • [x] I have read the contributing guidelines
    • [x] My code follows the code style of the project (using npm run lint)
    • [x] My change introduces changes to the documentation
    • [x] I have updated the documentation accordingly
    • [ ] I have added tests to cover my changes
    • [ ] All new and existing tests passed

    Live previews

    • https://deploy-preview-37198--twbs-bootstrap.netlify.app/

    Related issues

    docs v5 
    opened by bootstrap21org 6
  • updating Tooltip to an element

    updating Tooltip to an element

    Prerequisites

    Describe the issue

    created a simple button to click on to update the tooltip title, original tooltip appears when hovering -> on first the click the old tooltip still appears with a new tooltip appearing and original remains -> on second click both tooltips remain visible

    I am only updating the tip with this function:

    function fnUpdateBootStrapTitle(ele,new_tip) { var eleID=document.getElementById(ele); var tooltip = new bootstrap.Tooltip(eleID, {title:new_tip}); };

    Reduced test cases

    https://lopeys.com/strava/bootstrap5tooltip2.html

    What operating system(s) are you seeing the problem on?

    Windows

    What browser(s) are you seeing the problem on?

    Chrome

    What version of Bootstrap are you using?

    5.2.1

    js v5 
    opened by lopey66 0
  • Add eslint-plugin-html to lint JS in HTML files

    Add eslint-plugin-html to lint JS in HTML files

    Linked to https://github.com/twbs/bootstrap/pull/36915

    Description

    This PR introduces the use of eslint-plugin-html to lint JavaScript within HTML files in <script>s.

    It seemed to be the best and recommended tool to do it. Feel free to double check if this choice is valid :)

    Some extra info:

    • Only the matching rules from /site/.eslintrc.json have been reused (thanks @GeoSot for pointing out these rules)
    • "no-console": "off" has been added since it is useful for debugging these standalone pages that never will be in production

    I wasn't a big fan of --ext .html,.js as I'd prefer to target only the HTML files we want to parse but it seems that there's no other way to do it:

    By default, when executing the eslint command on a directory, only .js files will be linted. You will have to specify extra extensions with the --ext option. Example: eslint --ext .html,.js src will lint both .html and .js files in the src directory.

    Source: https://www.npmjs.com/package/eslint-plugin-html#troubleshooting

    js build v5 
    opened by julien-deramond 0
Releases(v5.2.1)
  • v5.2.1(Sep 7, 2022)

    🚀 Highlights

    • Accordion
      • Update color value to use the $accordion-button-color Sass variable instead of our color contrast function
    • Buttons
      • Added a transparent default hover border color CSS variable for buttons to fix a visual regression
      • .btn-link no longer has a gradient when $enable-gradients is set to true
    • Forms
      • Input groups have updated z-index values to ensure proper rendering of validated form fields
      • Floating labels now reset their text-align to ensure consistent styling
    • List Groups
      • Horizontal list groups with only one child now render the correct border-radius
      • Modified the list-group-item selectors to better support nested imports of Bootstrap's CSS
    • Modals
      • Fixed modal event listeners during dismiss click, allowing you to once again click scrollbars without dismissing the modal
    • Pagination
      • Fixed incorrect border-radius values inside pagination components
    • Scrollspy
      • Scrollspy threshold option is now configurable
    • Tooltips
      • Reverted some tooltip plugin updates to prevent issues with selector, dynamic content, and disposed tooltips using title

    🚀 Features

    • #36750: ScrollSpy: make the threshold option configurable

    🎨 CSS

    • #36507: v5/docs: reintroduce outline for docs code samples, buttons when :not(:focus-visible)
    • #36593: flush variant of accordion border radius
    • #36663: fix #36662 List-group-item margin-top is offset when importing sass in a nested class
    • #36694: Docs: add grid-row-columns variable
    • #36791: Remove a unused sass parameter from banner mixin
    • #36828: Fix pagination page items border radius
    • #36849: Define correctly $popover-header-color
    • #36873: Fix floating labels under .text-center
    • #36874: Floating labels in input group: Border fix
    • #36921: Accordion color should use $accordion-color
    • #36986: bugfix undefined border color variable for btn #36938
    • #37017: List group: Fix horizontal when only one child
    • #37021: Scss: Adding missing z-index CSS variables.
    • #37026: Rework button focus/active styling, with extra changes for checks/radios
    • #37027: Search modal: Set cursor on auto
    • #37034: More consistency for CSS/Sass vars doc for components with dark variants
    • #37059: Fix input group z-index focus + validation
    • #37078: Remove gradient from .btn-link
    • #37079: Add workarounds for postcss values parser error
    • #37080: btn-group draws first input margin #36794
    • #37093: Fix accordion button color

    ☕️ JavaScript

    • #36750: ScrollSpy: make the threshold option configurable
    • #36751: Re-set tooltip title on disposal
    • #36863: Fix modal event-listeners during dismiss click
    • #37011: Multiple dropdowns: Fix when inside same tag
    • #37019: Docs: Fix js options to what is really inside js
    • #37072: Docs: Put methods in table
    • #37086: Fix tooltip manual toggling

    📖 Docs

    • #36493: Docs: Replace wrong mobile OS Windows with iOS
    • #36587: Document how to extract CSS, SVG for strict CSP
    • #36694: Docs: add grid-row-columns variable
    • #36771: Fix typos after #36762
    • #36804: Simplify social images and add ability to set per-page images
    • #36812: Fix broken url
    • #36819: Rename scrollspy to toast in toasts.md
    • #36824: Move DocSearch out of offcanvas to always show it on mobile
    • #36825: Remove Slack from site and repo docs
    • #36827: Redirect users to different templates of issues rather than an empty one
    • #36829: Docs: correct heading levels in features example
    • #36836: Docs: use added-in shortcode in Offcanvas
    • #36838: Docs: Missing added-in shortcode
    • #36839: Docs: Fix markdown link error
    • #36850: Add navbar image alt text
    • #36867: Docs: expand popover custom container explanation
    • #36871: Fix docs typo of .form-checkbox -> .form-check
    • #36877: Add default select example in cheatsheet
    • #37019: Docs: Fix js options to what is really inside js
    • #37027: Search modal: Set cursor on auto
    • #37034: More consistency for CSS/Sass vars doc for components with dark variants
    • #37047: Docs: Minor fixes in tables.
    • #37048: Docs: improve cards image overlays markup
    • #37056: Docs: Manage the dark offcanvas slightly differently
    • #37064: Fix padding on starter template
    • #37067: Make docs clearer by dropping precompiled for compiled
    • #37070: Improve language around vertical grid gutters
    • #37072: Docs: Put methods in table

    🛠 Examples

    • #36660: Added new example in examples/features page.
    • #36829: Docs: correct heading levels in features example
    • #36877: Add default select example in cheatsheet
    • #37064: Fix padding on starter template

    🌎 Accessibility

    • #36507: v5/docs: reintroduce outline for docs code samples, buttons when :not(:focus-visible)
    • #36829: Docs: correct heading levels in features example
    • #37026: Rework button focus/active styling, with extra changes for checks/radios

    📦 Dependencies

    Source code(tar.gz)
    Source code(zip)
    bootstrap-5.2.1-dist.zip(1.38 MB)
    bootstrap-5.2.1-examples.zip(1.26 MB)
  • v5.2.0(Jul 19, 2022)

    🚀 Highlights

    • #36168: Manually set hover and active backgrounds and borders for dark and light buttons
    • #36327: Truncate text to prevent multiline floating label
    • #36382: Rewrite Webpack guide
    • #36411: Rewrite Parcel guide
    • #36412: Docs: Add a Vite Getting Started guide
    • #36500: Generate local CSS variables on utilities when using state option
    • #36528: Scrollspy: enable smooth-scroll behavior

    🚀 Features

    • #36352: Fix StackBlitz examples by embedding snippets.js when needed
    • #36528: Scrollspy: enable smooth-scroll behavior
    • #36759: Support input groups in floating forms

    🎨 CSS

    • #36156: Update .form-control-color sizing and styles
    • #36168: Manually set hover and active backgrounds and borders for dark and light buttons
    • #36178: Add a banner mixin, helping future releases and maintenance
    • #36327: Truncate text to prevent multiline floating label
    • #36353: Fix offcanvas not showing with .showing
    • #36366: add back focus box shadow to btn-link
    • #36406: CSS: few proposals
    • #36423: Stylelint: Disable custom-property-empty-line-before
    • #36446: Update Sass for computing .table-group-divider border
    • #36447: Fix .dropdown-item border-radius when $dropdown-padding-y is 0
    • #36461: Fix alert border radius
    • #36476: Docs: fix Reboot Horizontal rules using border utilities
    • #36477: Docs: remove unused _algolia.scss
    • #36499: Don't style readonly inputs as disabled
    • #36500: Generate local CSS variables on utilities when using state option
    • #36509: Remove --bs-headings-color CSS variable due to backward compatibility issues
    • #36535: Fix 'Remove from map' Sass description
    • #36608: dashboard example: minor fix
    • #36627: Fix search modal z-index to be on top of all docs showcased components
    • #36646: Fix tooltip/badge border radius when rounded disabled
    • #36680: Revert db61cf3 for $text-muted default value
    • #36689: Add missing CSS vars for .navbar-nav
    • #36704: Fix missing --bs-btn-disabled-border-color in button-outline-variant mixin
    • #36711: Add $display-font-family and $display-font-style
    • #36740: Fixing pagination compile issue
    • #36747: Fix active/focused button link text color
    • #36759: Support input groups in floating forms

    ☕️ JavaScript

    • #35679: Force tooltip and popover to recreate content every time it opens
    • #36171: Assorted Event handler patches
    • #36386: Fix interoperability issue regarding Event properties
    • #36398: JS: tests fixes & standardization of spies usage
    • #36401: Change Modal dismiss handler, listening to key down, instead of click
    • #36440: Re-ordering js default objects
    • #36449: Fix StackBlitz Popovers and Tooltips examples
    • #36528: Scrollspy: enable smooth-scroll behavior
    • #36561: Fix possible bug on event handler
    • #36588: Handle non-empty whitespace textContent in Tooltip trigger
    • #36622: Remove .show from panels dependent-less on the existence of .fade class
    • #36668: Fix on #35679
    • #36717: Offcanvas: activate focustrap when backdrop is enabled
    • #36758: Docs: Fix typos in snippets.js
    • #36772: Fix event handler test

    📖 Docs

    • #36345: docs: add the version in npm/yarn commands
    • #36346: Docs: improve image compression
    • #36352: Fix StackBlitz examples by embedding snippets.js when needed
    • #36362: Update search box styling and position
    • #36363: Add some details on "javascript" page
    • #36367: Docs: Correct rounded sizes number
    • #36376: Fix missing Swag Store URL
    • #36382: Rewrite Webpack guide
    • #36395: Docs: quick fixes for HTML
    • #36406: CSS: few proposals
    • #36410: Update introduction.md
    • #36411: Rewrite Parcel guide
    • #36412: Docs: Add a Vite Getting Started guide
    • #36414: Add docs info for using JS w/ ESM shim
    • #36417: Docs: Remove .is-invalid from textarea validation example
    • #36425: CSS: doc fixes
    • #36444: Update import order for utilities API docs
    • #36449: Fix StackBlitz Popovers and Tooltips examples
    • #36450: Docs: Use example shortcode for all Button groups
    • #36476: Docs: fix Reboot Horizontal rules using border utilities
    • #36477: Docs: remove unused _algolia.scss
    • #36487: Remove confusing unnecessary id/aria-labelledby for dropdown menus
    • #36488: Docs: fix some ARIA Authoring Practices Guides broken links
    • #36489: Docs: Update some WCAG links, expand sass.md contrast explanation
    • #36495: Improve accessible name of version dropdown in docs navbar
    • #36503: [docs] Document BootstrapVue being outdated
    • #36510: Add example of dark navbar and offcanvas to docs
    • #36516: Add .active navbar breaking change to 5.0 docs
    • #36535: Fix 'Remove from map' Sass description
    • #36545: Carousel: Remove redundant reference to interval=false from docs & tests
    • #36553: Make table responsive on Grid page
    • #36613: Fix popover live demo to use data-bs-title instead of title
    • #36625: Add some details for non visible scrollspy elements
    • #36627: Fix search modal z-index to be on top of all docs showcased components
    • #36630: Docs: update clipboard.js to v2.0.11
    • #36637: Fix StackBlitz examples needing docs CSS
    • #36644: Added examples for Radios in List Group
    • #36650: update Lighthouse URL
    • #36658: Fix a typo in the documentation masthead
    • #36669: Docs: alphabetical reorder of some events/methods in tables
    • #36672: Docs: fix some ScrollSpy HTML copyable codes
    • #36674: Docs: add indeterminate disabled checkbox example
    • #36679: Remove dead link from translations
    • #36696: add type="button" to Bootstrap versions dropdown
    • #36706: Docs: Add 'Icons' link in footer
    • #36712: Docs: fix description on how to alter display values
    • #36717: Offcanvas: activate focustrap when backdrop is enabled
    • #36732: Add accNames to all progress bar examples
    • #36734: Docs: Capitalize Unicode
    • #36741: Docs: same text for disabled ranges and disabled form controls
    • #36757: Fix indentation in code sample
    • #36760: Add links to Webpack, Parcel, and Vite guides on homepage
    • #36762: Fix various small typos in documentation
    • #36763: Fix typos in code

    🛠 Examples

    • #36608: dashboard example: minor fix
    • #36732: Add accNames to all progress bar examples

    🌎 Accessibility

    • #36487: Remove confusing unnecessary id/aria-labelledby for dropdown menus
    • #36488: Docs: fix some ARIA Authoring Practices Guides broken links
    • #36588: Handle non-empty whitespace textContent in Tooltip trigger
    • #36696: add type="button" to Bootstrap versions dropdown
    • #36717: Offcanvas: activate focustrap when backdrop is enabled
    • #36732: Add accNames to all progress bar examples

    🏭 Tests

    • #36530: Fix typo in dropdown unit test
    • #36667: Minor fix to use self-closing input HTML tag
    • #36742: Standardization of spyOn usage
    • #36772: Fix event handler test

    🧰 Misc

    • #36548: Update Code of Conduct with Contributor Covenant 2.1
    • #36624: Use 'needs-example' label to trigger live demo bot message
    • #36700: Replace JS Bin refs by CodePen or StackBlitz references

    📦 Dependencies

    Source code(tar.gz)
    Source code(zip)
    bootstrap-5.2.0-dist.zip(1.38 MB)
    bootstrap-5.2.0-examples.zip(1.25 MB)
  • v4.6.2(Jul 19, 2022)

    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 @pricop in https://github.com/twbs/bootstrap/pull/35190
    • Update links to CCA, MQ5 prefers-reduced-motion, evergreen WCAG urls, more resources by @patrickhlauke in https://github.com/twbs/bootstrap/pull/35427
    • v4-dev backports and updates by @XhmikosR in https://github.com/twbs/bootstrap/pull/35482
    • Backport #35556 by @julien-deramond in https://github.com/twbs/bootstrap/pull/35558
    • Tweak toast docs by @patrickhlauke in https://github.com/twbs/bootstrap/pull/35633
    • v4-dev backports and updates by @XhmikosR in https://github.com/twbs/bootstrap/pull/35642
    • Doc: Reorder alphabetically lists of components by @julien-deramond in https://github.com/twbs/bootstrap/pull/36128
    • Updated the small-font-size to use a round value by @pricop in https://github.com/twbs/bootstrap/pull/36172
    • v4 dev backports and updates by @XhmikosR in https://github.com/twbs/bootstrap/pull/35767
    • _custom-forms.scss: fix order of attributes by @twin-elements in https://github.com/twbs/bootstrap/pull/36231
    • Replace the deprecated color-adjust with print-color-adjust by @AdrianCurtin in https://github.com/twbs/bootstrap/pull/36283
    • [v4] Doc: remove role="group" from some split drop* buttons by @julien-deramond in https://github.com/twbs/bootstrap/pull/36254
    • Dynamic tabs: use buttons rather than links (backport to v4) by @patrickhlauke in https://github.com/twbs/bootstrap/pull/33163
    • v4 dev updates by @XhmikosR in https://github.com/twbs/bootstrap/pull/36430
    • Fix closing HTML tag in navs docs by @julien-deramond in https://github.com/twbs/bootstrap/pull/36466
    • v4: Horizontal collapse by @mdo in https://github.com/twbs/bootstrap/pull/36434
    • Fixing tabs' tests v4 by @louismaximepiton in https://github.com/twbs/bootstrap/pull/36485
    • Docs: fix some ARIA Authoring Practices Guides broken links by @julien-deramond in https://github.com/twbs/bootstrap/pull/36490
    • v4 - Remove confusing unnecessary id/aria-labelledby for dropdown menus by @patrickhlauke in https://github.com/twbs/bootstrap/pull/36491
    • v4 Docs: outdated ARIA/PF link, expand contrast explanation in accessibility.md by @patrickhlauke in https://github.com/twbs/bootstrap/pull/36492
    • v4: Improve accessible name of version dropdown in docs navbar by @patrickhlauke in https://github.com/twbs/bootstrap/pull/36504
    • Update devDependencies by @XhmikosR in https://github.com/twbs/bootstrap/pull/36522
    • Docs: update clipboard.js to v2.0.11 by @julien-deramond in https://github.com/twbs/bootstrap/pull/36631
    • Update devDependencies by @XhmikosR in https://github.com/twbs/bootstrap/pull/36724
    • v4: Add Fathom by @mdo in https://github.com/twbs/bootstrap/pull/36727
    • Docs: Capitalize Unicode by @julien-deramond in https://github.com/twbs/bootstrap/pull/36735
    • Release v4.6.2 by @XhmikosR in https://github.com/twbs/bootstrap/pull/36725

    New Contributors

    • @twin-elements made their first contribution in https://github.com/twbs/bootstrap/pull/36231
    • @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

    Source code(tar.gz)
    Source code(zip)
    bootstrap-4.6.2-dist.zip(722.40 KB)
    bootstrap-4.6.2-examples.zip(284.75 KB)
  • v5.2.0-beta1(May 13, 2022)

    🚀 Highlights

    • #33079: Revamp tabs & follow ARIA 1.1 practices
    • #33354: Column Striping Feature for Tables
    • #33421: Revamp Scrollspy using Intersection observer
    • #33606: Add .form-check-reverse modifier class
    • #34334: make-col-ready(): remove the unused $gutter variable
    • #34443: Convert navbar to CSS variables
    • #34487: Docs offcanvas navbar
    • #34547: Prefer Linux-specific fonts over Arial
    • #34600: Convert buttons to CSS variables
    • #34622: Convert tooltips and popovers to CSS vars
    • #34644: Always set the CSS variables for gutters in containers
    • #34942: Move reassigned Sass maps for colors to another stylesheet
    • #35055: Add color and border-color CSS variables to tables
    • #35077: Manipulator: Add JSON parse support
    • #35153: Reset z-index on .navbar-expand .offcanvas and prevent box-shadow when collapsed
    • #35399: Convert pagination component to CSS variables
    • #35401: Convert alerts to CSS variables
    • #35402: Convert badges to CSS variables
    • #35409: Convert dropdowns to CSS variables
    • #35514: Popover.js: Accept empty content through data-bs-content
    • #35518: Add sticky bottom utility
    • #35736: v5.2.0 design refresh, plus responsive offcanvas classes
    • #35893: Add centered dropdown and dropup options
    • #35908: Remove thicker border on table thead elements
    • #35979: Adjust border-radius values and add some new utilities
    • #36242: Add new .text-bg-{color} helpers

    🚀 Features

    • #33354: Column Striping Feature for Tables
    • #33421: Revamp Scrollspy using Intersection observer
    • #33606: Add .form-check-reverse modifier class
    • #34519: Add a template factory helper to handle all template cases
    • #35077: Manipulator: Add JSON parse support
    • #35514: Popover.js: Accept empty content through data-bs-content
    • #35518: Add sticky bottom utility
    • #35893: Add centered dropdown and dropup options
    • #36272: Toast: provide isShown method

    🎨 CSS

    • #32840: Support floating labels on .form-control-plaintext
    • #33606: Add .form-check-reverse modifier class
    • #34334: make-col-ready(): remove the unused $gutter variable
    • #34443: Convert navbar to CSS variables
    • #34547: Prefer Linux-specific fonts over Arial
    • #34600: Convert buttons to CSS variables
    • #34622: Convert tooltips and popovers to CSS vars
    • #34627: Remove tooltip and popover styling as it is handled by Popper
    • #34644: Always set the CSS variables for gutters in containers
    • #34863: Color input validation icon
    • #34942: Move reassigned Sass maps for colors to another stylesheet
    • #35055: Add color and border-color CSS variables to tables
    • #35082: Set cursor: default on disabled .form-check-label
    • #35085: Fixes missing variable issue with media-breakpoint-only
    • #35153: Reset z-index on .navbar-expand .offcanvas and prevent box-shadow when collapsed
    • #35230: Don't override CSS direction in code elements
    • #35231: Ensure sufficient contrast in accordion-item
    • #35232: Drop prefixed version of ::file-selector-button
    • #35326: Correctly implement RFS in :root CSS variable for $body-font-size
    • #35399: Convert pagination component to CSS variables
    • #35401: Convert alerts to CSS variables
    • #35402: Convert badges to CSS variables
    • #35403: Convert breadcrumbs to CSS variables
    • #35406: Bring back webkit calendar picker indicator for datalists
    • #35409: Convert dropdowns to CSS variables
    • #35428: Convert border utilities to CSS variables
    • #35466: Fix typo in $purples
    • #35467: Add missing border-radius for btn-group
    • #35484: Reprocess inline SVGs with the latest SVGO
    • #35491: Rely on border-width for <hr> size
    • #35518: Add sticky bottom utility
    • #35533: docs: Move gap utility API from "Flex" to "Spacing"
    • #35554: Separate modal click functionality, utilizing backdrop callback
    • #35571: Fix alerts color
    • #35592: move theme-colors (vars+map) after color tints definitions
    • #35676: Add black to colors map
    • #35740: Add !important property to colored links
    • #35759: Fix position of .list-group-item-action
    • #35804: Allow to set active and disabled class also to .page-link
    • #35822: Apply list group numbering to all items
    • #35825: Correct the horizontal padding on grid containers
    • #35829: New CSS variable for Navbars
    • #35844: Fixed border radius var name and .show target in buttons
    • #35850: Rename dropdown-shadow to dropdown-box-shadow for consistency
    • #35858: Add null modal-footer-bg variable
    • #35859: Add z-index for .toast-container
    • #35862: Convert list group to CSS variables
    • #35886: Replace non-existent --bs-btn-padding by --bs-btn-padding-{x|y}
    • #35894: Base .text-muted on body color
    • #35907: Use all dropdowns CSS variables
    • #35908: Remove thicker border on table thead elements
    • #35914: Fix dropdowns
    • #35917: Define Pagination font size CSS var
    • #35918: RTL arrows for popovers and tooltips
    • #35921: Split CSS vars for padding values
    • #35932: v5.2 border-width is disabled
    • #35943: Add missing root border opacity CSS var
    • #35960: Convert spinners to CSS variables
    • #35961: Convert toasts to CSS variables
    • #35962: Convert progress bars to CSS variables
    • #35973: Fix dropdowns
    • #35976: Fix space between popover's arrow and triggering element
    • #35979: Adjust border-radius values and add some new utilities
    • #35981: Add additional root variables, rename $variable-prefix to $prefix
    • #35984: Update docs syntax colors head of dark mode
    • #35994: Update $border-color to use rgba()
    • #35995: Ignore warning for .navbar-light deprecation
    • #35996: Add some calc() for manipulating new CSS variable version of border-width
    • #36003: Set opacity on dropdown-divider for now
    • #36018: Some CSS fixes
    • #36038: v5.2.0 migration updates
    • #36058: Fix proposal for .dropstart
    • #36070: Popover : New CSS var
    • #36071: Train PR: CSS variables for accordion, cards, navs, and modals
    • #36082: Fix duplicate border radius CSS var definition
    • #36083: Reuse all breadcrumb CSS vars available
    • #36093: Adding @include font-size when not
    • #36098: Use new CSS vars
    • #36100: Adding CSS var to list-group-item-action
    • #36105: Fix for missing CSS variables on .navbar-nav
    • #36126: Use the border-color property instead of the CSS variable in border color utilities
    • #36145: Improve use of CSS vars in Toasts
    • #36148: Add CSS vars for accordions
    • #36149: Modal : Changing the CSS var management
    • #36157: Add $input-disabled-color Sass variable
    • #36179: CSS : Minor fixes
    • #36202: Update _breakpoints.scss
    • #36220: Clean up last $variable-prefix usages
    • #36238: Revert border-color change
    • #36239: Iterate on border utilities
    • #36242: Add new .text-bg-{color} helpers
    • #36277: Fix proposal for Tooltips
    • #36296: Remove leftover abbr styles in Reboot for tooltips

    ☕️ JavaScript

    • #31607: Use Babel and ES6 in docs JS files
    • #32692: Clean tooltip component unneeded functionality
    • #32999: Extract Carousel's swipe functionality to a separate Class
    • #33079: Revamp tabs & follow ARIA 1.1 practices
    • #33421: Revamp Scrollspy using Intersection observer
    • #33872: Extract Component config functionality to a separate class
    • #34509: build: read & dynamically resolve imports on plugins build
    • #34519: Add a template factory helper to handle all template cases
    • #34945: Carousel cleanup & refactoring
    • #35077: Manipulator: Add JSON parse support
    • #35127: tooltip.js: use array.includes instead of for iteration
    • #35141: Modal tweaks & cleanup
    • #35156: Collapse: refactor active children handling
    • #35157: Dropdown remove redundant code
    • #35161: Swipe: add test to ensure that it ignores pinch events
    • #35183: JS: minor refactoring
    • #35388: Scrollbar: remove margin/padding properties properly
    • #35400: Tooltip: Some more changes
    • #35410: BaseComponent: add a couple more tests
    • #35419: Alert: add a couple more tests
    • #35440: Tooltip: remove leftover method
    • #35441: Fix popover arrow & tooltip template after the setContent addition
    • #35448: Dropdown tests: Use a function to improve readability
    • #35456: Tooltip: remove title attribute before show & add tests
    • #35492: ScrollBar.js. Minor refactoring and add test
    • #35500: Dropdown: fix toggle focus after dropdown is hidden using the ESC button
    • #35506: build/postcss.config.js: minor tweaks
    • #35507: Toast: join multiple classList calls
    • #35510: util/index.js: minor refactoring
    • #35511: Tab: minor refactoring
    • #35512: Scrollspy: minor refactoring
    • #35514: Popover.js: Accept empty content through data-bs-content
    • #35527: Popover/Tooltip: Fix vertical alignment on arrow of tip elements
    • #35540: Tooltip: remove extraneous call to _getConfig()
    • #35546: More tooltip refactoring
    • #35554: Separate modal click functionality, utilizing backdrop callback
    • #35559: Event handler: replace deprecated function & merge new Event with new CustomEvent
    • #35589: Remove explicit use of aria-hidden for offcanvas when closed
    • #35590: Assorted JS cleanup
    • #35682: fix isVisible behavior with new chrome version
    • #35684: Selector Engine: improve parents method to utilize newer JS native methods
    • #35689: Optimize jQueryInterface in Collapse
    • #35734: src/tooltip.js Optimization
    • #35748: Dropdown.js optimizations
    • #35752: Dropdown cleanup and fixes
    • #35753: Carousel tweaks
    • #35754: Event Handler cleanup
    • #35766: Dropdown: use a combined selector to filter not shown instances
    • #35832: Add static backdrop to offcanvas
    • #35856: Make event name helper and use it on tooltip & popover to reduce dist sizes
    • #35866: Dropdown: use a better selector to avoid triggering click if button is disabled
    • #35870: Dropdown: Simplify dataKeyApiHandler
    • #35871: Carousel tweaks
    • #35893: Add centered dropdown and dropup options
    • #35902: Modal: refactor listeners to reduce some code noise
    • #35930: Carousel patches
    • #35973: Fix dropdowns
    • #35983: Carousel tweaks
    • #35990: Carousel patches
    • #35991: Patch dropdown.js
    • #36028: Dropdown test
    • #36169: Handle disabled focused tabs with tab JavaScript plugin
    • #36186: EventHandler: change check method for custom events, avoiding regex
    • #36217: Document incompatibilities between Bootstrap JS and React/.etc
    • #36272: Toast: provide isShown method
    • #36273: Separate docs js assets
    • #36324: Revert backdrop utilization, handling clicks over modal

    📖 Docs

    • #31337: JS docs formatting tweaks
    • #31607: Use Babel and ES6 in docs JS files
    • #32953: Replace AnchorJS with a Hugo render hook
    • #34487: Docs offcanvas navbar
    • #35124: Update NuGet docs to specify only .NET Framework projects are supported
    • #35154: Add top placement info to offcanvas docs
    • #35160: Update typography.md to remove an unnecessary <abbr> tag
    • #35223: Add missing role="search" and type="search" in navbar doc and examples
    • #35234: images.md: remove zero-width space
    • #35236: Fix typo in RTL Hello World! sentence
    • #35264: fix(offcanvas): Add missing titles class
    • #35320: Update import stacks required for modifying utilities
    • #35327: floating-labels: remove aria-label in the select example
    • #35328: Fix spacing utility classes mentioned in navbar supported content documentation
    • #35348: Fix typo in vertical alignment of table cells
    • #35373: Add missing scss/maps imports
    • #35414: Fix variable name in Sass customizing section
    • #35434: Breadcrumb docs: drop confusing currentColor and add new callout
    • #35446: Update edge-to-edge design instructions
    • #35468: Fix variable name in form overview docs
    • #35486: Update api.md
    • #35497: docs: add Tabler Icons to list of icon packs
    • #35532: docs: Add responsive variations for align-content-between
    • #35556: docs: Use param to set Bootstrap version in Contents page
    • #35563: docs: A fix for CSS Variables and some proposal
    • #35579: docs: add reference to sticky-xxl utils
    • #35587: Add note to carousel crossfade docs about bg color
    • #35588: Docs: Strengthen and expand note about dynamic tabs with dropdown menus
    • #35644: docs: add a StackBlitz "Try It" button in code examples
    • #35647: Update cspell config
    • #35649: Docs: group together reusable CSS for examples in a single stylesheet
    • #35696: Docs - Remove duplicate Octicons entry in icons list
    • #35713: Remove incorrect statement about the disabled attribute on <form>
    • #35730: Add Spanish translation
    • #35735: Change X to Extra
    • #35736: v5.2.0 design refresh, plus responsive offcanvas classes
    • #35741: docs: remove moot autocomplete attributes
    • #35775: Fix dropdown docs about autoclose and esc key.
    • #35778: Fixed typo in documentation form validation section
    • #35814: Remove remaining .navbar-light classes
    • #35818: code indentation in readme
    • #35827: Fixes #32082
    • #35828: Fix typo in Badges CSS variables description
    • #35837: Update reboot.md
    • #35878: Improve modal component doc
    • #35895: Mention form height change in migration guide
    • #35903: Separate override for hr's in component examples
    • #35905: Site assets: .bd-bg-purple-bright.bd-bg-violet and drop unused .bd-text-purple-bright
    • #35909: update ionicons link
    • #35931: Remove unneeded classes from toasts docs
    • #35942: update google material icons link
    • #35948: docs: add missing .dropup in dropup centered example
    • #35955: docs: Update Japanese translation
    • #35980: Redesign the "Added in" badges in the docs
    • #35984: Update docs syntax colors head of dark mode
    • #36002: Fix docs error after #35644
    • #36007: Convert added in badges to shortcode
    • #36008: Add v5.1.0 to migration guide, update v5.2.0 additions
    • #36013: Remove duplicate entry in migration.md
    • #36030: Update parcel.md
    • #36038: v5.2.0 migration updates
    • #36040: Fix migration guide typos
    • #36058: Fix proposal for .dropstart
    • #36073: Fix typo for StackBlitz edit button's tooltip
    • #36088: Fix StackBlitz edit feature by selecting the closest example
    • #36092: Doc fixes
    • #36099: Changing to btnTitle and btnEdit
    • #36101: Move "Navbar" before "Navs & Tabs" in sidebar
    • #36112: Fix CSpell by adding 'Analyser'
    • #36123: Doc: Reorder alphabetically lists of components
    • #36137: Change second example of dropdown form
    • #36144: Doc: fix modals and navs CSS vars description
    • #36151: Update offcanvas example to include .show class
    • #36163: Doc: Uniformization of nav tabs content panes
    • #36173: Fix Chroma line highlight style
    • #36176: v5.2.0: Migrate to DocSearch 3
    • #36182: Fix containers page in docs to re-order list so it matches sections b…
    • #36188: example: change .border-right to .border-end
    • #36190: Fix spacing of code snippets
    • #36191: Do some CSS and Migration guide cleanup
    • #36192: One more code snippet fix
    • #36194: Refactor some docs examples CSS
    • #36195: Doc: minor modifications in Scrollspy
    • #36196: Realign Cheatsheet nav tabs example rendering with the doc examples
    • #36199: Minor fixes
    • #36203: Docs: update documentation js examples, using es6
    • #36204: Rewrite Getting Started > Introduction page to be more guide-like
    • #36212: Doc: remove role="group" from some split drop* buttons
    • #36217: Document incompatibilities between Bootstrap JS and React/.etc
    • #36218: Doc: mention Popper instead of Popper.js
    • #36219: Doc: fix offset content for examples page
    • #36245: Update new docs version picker to work on home and examples pages
    • #36252: Doc: update path to @popperjs/core in parcel.md
    • #36260: Docs(Scrollspy): minor changes to be aligned with new version of javascript
    • #36273: Separate docs js assets
    • #36276: Add proper markup on modal's page tooltips and popovers
    • #36307: Fix search with xs to md breakpoints
    • #36322: Fix contents.md
    • #36328: Remove unused .border-right rule from modal example CSS file
    • #36333: Doc: fix text overflow example
    • #36335: Minor changes in 'Usage with JavaScript frameworks' description
    • #36337: docs: drop Scratch usage
    • #36340: Fix a11y keyboard access to docs navigation
    • #36344: docs: link to the root page for the homepage

    🛠 Examples

    • #35223: Add missing role="search" and type="search" in navbar doc and examples
    • #35308: update grid example docs
    • #35365: Make footer examples responsive to mobile screens
    • #35483: Replace inline styles in example "Dropdowns"
    • #35699: Docs: replace CSS by utilities in examples
    • #35704: Fix spelling mistake in footer example
    • #35733: examples: fix a couple typos found with codespell
    • #35877: remove opacity utilities from example CSS
    • #35898: Remove border of disabled calendar buttons in Dropdowns example
    • #35919: RTL carousel example
    • #35997: Add another list-group snippet example
    • #36075: Fix duplicate .rounded-* and .fw-semibold defs in examples

    🌎 Accessibility

    • #33079: Revamp tabs & follow ARIA 1.1 practices
    • #35223: Add missing role="search" and type="search" in navbar doc and examples
    • #35231: Ensure sufficient contrast in accordion-item
    • #35588: Docs: Strengthen and expand note about dynamic tabs with dropdown menus
    • #35589: Remove explicit use of aria-hidden for offcanvas when closed

    🔧 Utility API

    • #35428: Convert border utilities to CSS variables

    🏭 Tests

    • #35161: Swipe: add test to ensure that it ignores pinch events
    • #35184: tests: try to fix a few random failures
    • #35410: BaseComponent: add a couple more tests
    • #35419: Alert: add a couple more tests
    • #35431: Tests: consistency changes
    • #35448: Dropdown tests: Use a function to improve readability
    • #35455: Tests: Minor fixes
    • #35456: Tooltip: remove title attribute before show & add tests
    • #35492: ScrollBar.js. Minor refactoring and add test
    • #35501: Fix tests fixture type
    • #35585: Fix visual tests
    • #35659: tests: replace 'done' callback with 'Promise' to fix deprecation errors
    • #35757: Fix Popover test that randomly fails on BrowserStack
    • #35765: tests: revisit all tests using Promise.reject instead of throwing an error
    • #36028: Dropdown test

    🧰 Misc

    • #31607: Use Babel and ES6 in docs JS files
    • #34509: build: read & dynamically resolve imports on plugins build
    • #35178: Switch to Node.js 16 and npm 8.
    • #35313: README.md remove broken "David DM" dependency badges
    • #35395: build/change-version.js: fix wrong map usage
    • #35447: Remove the now outdated build/svgo.yml
    • #35451: package.json: add GitHub Sponsors and reorder properties
    • #35452: README.md: wrap file contents in a details element
    • #35454: CI: add workflow_dispatch
    • #35481: JS tests: only test one Node.js version
    • #35573: Move linkinator to GitHub Actions.
    • #35586: build-plugins.js: use globby package
    • #35593: Move cspell to Actions
    • #35641: Update nuget/bootstrap.png
    • #35647: Update cspell config
    • #35680: Update cspell config
    • #35846: CI: add issues-helper
    • #35910: Release Drafter: add highlights
    • #36185: Update CODE_OF_CONDUCT.md

    📦 Dependencies

    Source code(tar.gz)
    Source code(zip)
    bootstrap-5.2.0-beta1-dist.zip(1.37 MB)
    bootstrap-5.2.0-beta1-examples.zip(1.25 MB)
  • v4.6.1(Oct 28, 2021)

    What's changed

    • Replace Sass division with multiplication and custom divide() function by @mdo in https://github.com/twbs/bootstrap/pull/34571
    • Update RFS to v8.1.0 by @XhmikosR in https://github.com/twbs/bootstrap/pull/34571
    • fix(forms): input-group and validation icons by @ffoodd in https://github.com/twbs/bootstrap/pull/32968
    • Fix minor visual bug in Firefox caused by moz-focusring by @kremit in https://github.com/twbs/bootstrap/pull/32821
    • Adjust SAFE_URL_PATTERN regex for use with test method of regexes by @nikonthethird in https://github.com/twbs/bootstrap/pull/33153
    • Add sms in the SAFE_URL_PATTERN for sanitizer by @XhmikosR in https://github.com/twbs/bootstrap/pull/35074
    • Adjust feedback icon position and padding for select.form-control by @mdo in https://github.com/twbs/bootstrap/pull/33206
    • Carousel: use buttons, not links, for prev/next controls by @patrickhlauke in https://github.com/twbs/bootstrap/pull/33165
    • v4: Sass docs for default variables by @mdo in https://github.com/twbs/bootstrap/pull/33392
    • Handle complex expressions in add() & subtract() by @ffoodd in https://github.com/twbs/bootstrap/pull/34047
    • More concise improvements for add() and subtract() by @ffoodd in https://github.com/twbs/bootstrap/pull/34432
    • Remove aria-haspopup from dropdowns by @patrickhlauke in https://github.com/twbs/bootstrap/pull/33624
    • Dropdown: support .dropdown-item wrapped in <li> tags by @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 @XhmikosR in https://github.com/twbs/bootstrap/pull/33807
    • Replace Freenode with Libera IRC server by @midzer https://github.com/twbs/bootstrap/pull/34050
    • Fix repetition in the Navbar docs description by @coliff in https://github.com/twbs/bootstrap/pull/34208
    • Enable 0.x with negative margins in utilities by @k-utsumi in https://github.com/twbs/bootstrap/pull/33593
    • Remove print thead rule by @coliff in https://github.com/twbs/bootstrap/pull/34426
    • Fix prevented show event disabling modals with fade class from being displayed again by @alpadev in https://github.com/twbs/bootstrap/pull/34087
    • Input group validation with custom-file input by @ffoodd in https://github.com/twbs/bootstrap/pull/33239
    • Add eslint-plugin-qunit and tighten JS tests by @XhmikosR in https://github.com/twbs/bootstrap/pull/32270
    • Update our tests to Node 16 and npm 8 by @XhmikosR in https://github.com/twbs/bootstrap/pull/35142
    • Disabled link cleanup by @patrickhlauke in https://github.com/twbs/bootstrap/pull/34924
    • Updated our devDependencies including terser; also enabled two passes for terser by @XhmikosR

    Full changelog

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

    Source code(tar.gz)
    Source code(zip)
    bootstrap-4.6.1-dist.zip(715.79 KB)
    bootstrap-4.6.1-examples.zip(284.54 KB)
  • v5.1.3(Oct 9, 2021)

  • v5.1.2(Oct 5, 2021)

    Highlights

    • Temporarily patched a postcss-values-parser issue by rearranging our calc() functions that use negative numbers. This should restore the ability to import and compile Bootstrap's Sass in create-react-app.
    • Added border-radius sizes to small and large .form-selects
    • Added align-self: center to buttons for improved rendering in flex containers
    • Fixed Collapse regression that prevented toggling between sibling children
    • Updated JS Sanitizer to add sms in the SAFE_URL_PATTERN
    • Improved docs around .img-fluid
    • Added role="switch" to our form switches in our docs
    • Implemented GitHub Issue forms to replace our previous issue templates.

    Changes

    🎨 CSS

    • #34799: fix custom property values of row overrides individual cell
    • #34834: Add align-self: center to buttons for improved rendering in flex containers
    • #34853: Add border-radius sizes to small and large .form-selects
    • #34861: Separator for table direct children
    • #35017: Use Sass variable instead of RGB components
    • #35033: Add workaround for dart sass compile error

    ☕️ JavaScript

    • #34951: Fix Collapse regression of handling toggling between sibling chilldren
    • #34980: Minor refactoring
    • #35074: sanitizer: add sms in the SAFE_URL_PATTERN

    📖 Docs

    • #34824: docs: Add role="switch" to switches
    • #34918: docs: Update RFS version & move "v" prefix to config.yml
    • #34920: Fix Backdroped typo
    • #34921: Fix JavaScript typo
    • #34922: fix predefined typo
    • #34923: fix utilities typo
    • #34926: Improve description of .img-fluid in docs
    • #34935: Non-blocking typo fix
    • #34936: replace dummy text with English for Text truncation page
    • #34946: Changes some latin/dummy text to English
    • #35013: Add offcanvas to the components requiring JavaScript
    • #35111: Fix capitalization after period in contents.md

    🛠 Examples

    • #35022: examples: Add role="switch" to switches

    🧰 Misc

    • #34626: Implement issue forms
    • #34940: Add cSpell custom dictionary and docs-spellcheck script
    • #35070: rollup: specify generatedCode: 'es2015'
    • #35086: README.md: fix capitalization after period

    📦 Dependencies

    Source code(tar.gz)
    Source code(zip)
    bootstrap-5.1.2-dist.zip(1.30 MB)
    bootstrap-5.1.2-examples.zip(1.21 MB)
  • v5.1.1(Sep 7, 2021)

    Highlights

    🎨 CSS

    • #34679: Fix font size variable name
    • #34699: Add check to rgba-css-var function for body or bg
    • #34773: Include root.scss in all dist builds
    • #34779: Fix $dropdown-link-hover-color variable color value in _variable.scss file

    ☕️ JavaScript

    • #34621: carousel: move common checks to a function
    • #34701: Fix modal when is triggered by bs-toggle, to hide other open instances
    • #34835: Collapse on toggle, should not hide descendant tabpanels
    • #34842: Fix tooltip data-bs-original-title issue

    📖 Docs

    • #32781: docs: shortcodes tweaks and consistency changes
    • #34686: docs: Fix placeholders typo
    • #34752: Fix typo in placeholder docs
    • #34769: Enhance Alerts > Live Example section
    • #34781: docs: fix typos in approach and placeholders
    • #34787: Progress page: remove toggle animation button
    • #34840: clarify importing all vs specific plugins
    • #34842: Fix tooltip data-bs-original-title issue
    • #34877: docs: add $enable-smooth-scroll to Sass options page
    • #34886: Disabled link cleanup
    • #34892: Fix a11y issues in .hstack example and placeholder 'How it works' example
    • #34910: Docs: Add Callout to Stacks Helper page about limited flexbox gap support
    • #34913: docs: make use of the .Site.Params.docs_version variable
    • #34914: Typo/US locale fixes

    🛠 Examples

    • #34766: dashboard-rtl: use the same scripts as the dashboard example

    🌎 Accessibility

    • #34886: Disabled link cleanup

    🏭 Tests

    • #34077: Add GitHub SHA in BrowserStack build ID.
    • #34912: BrowserStack: add Firefox 60 and Chrome 60

    📦 Dependencies

    Source code(tar.gz)
    Source code(zip)
    bootstrap-5.1.1-dist.zip(1.30 MB)
    bootstrap-5.1.1-examples.zip(1.21 MB)
  • v5.1.0(Aug 4, 2021)

    Highlights

    • Added experimental, opt-in CSS Grid support
    • Added support for responsive offcanvas components in navbars
    • Added new placeholders component for skeleton loading screens
    • Added support for horizontal collapsing in the collapse component
    • Added new stack and vertical rule helpers
    • Added tons of new CSS variables for body styles, colors, RGB colors, and more
    • Updated .bg-* and .text-* utilities to use CSS variables and new RGB CSS variables for real-time customization
    • Added four new component examples for dropdowns, footers, list groups, and modals
    • Updated modal and offcanvas backdrops to make them unique to each component
    • Reverted ability for .col-* classes to override .row-cols-* classes for now until we can fix some critical bugs

    🚀 Features

    • #31813: Add optional CSS grid
    • #31859: Add a "skeletons" component
    • #32319: Add maps for all colors, document how to extend color utilities
    • #33403: modal: change data-dismiss so that it can be outside of a modal using bs-target
    • #33781: Add utility classes for opacity
    • #33986: New helpers: .hstack, .vstack, and .vr
    • #34253: Add horizontal collapse support
    • #34273: Offcanvas navbar
    • #34333: Accept argument of different types in the getInstance method

    🎨 CSS

    • #31813: Add optional CSS grid
    • #32319: Add maps for all colors, document how to extend color utilities
    • #33781: Add utility classes for opacity
    • #33986: New helpers: .hstack, .vstack, and .vr
    • #34100: Updated utility API (css-vars utils and new bg/color utils), plus new root CSS variables
    • #34253: Add horizontal collapse support
    • #34273: Offcanvas navbar
    • #34432: More concise improvements for add() and subtract()
    • #34440: Add null $card-box-shadow variable
    • #34445: fix(forms): prevent color control from shrinking
    • #34475: Make text decoration consistent with other anchors
    • #34481: Make the $accordion-icon-color default value consistent with the $accordion-button-color
    • #34572: Clean up a couple CSS Grid issues
    • #34612: Revert "Allow individual grid classes to override .row-cols"
    • #34651: Update $input-bg to use $body-bg

    ☕️ JavaScript

    • #33402: Changes to Alert component to match the others
    • #33403: modal: change data-dismiss so that it can be outside of a modal using bs-target
    • #33603: Fix Manipulator.offset()
    • #33610: Toasts: Change showing timings and classes to keep toast display:none by default
    • #33865: Add shift-tab keyboard support for dialogs (modal & Offcanvas components)
    • #33866: Add dynamic, live alerts example to docs
    • #34170: Use a streamlined way to trigger component dismiss
    • #34205: Cleanup tooltip & popover components
    • #34207: Make proper use of the SelectorEngine in ScrollSpy
    • #34215: Use the switch statement instead of if
    • #34220: Do a major cleanup in Collapse.js
    • #34333: Accept argument of different types in the getInstance method
    • #34441: util.js: remove Selector.findOne() dependency
    • #34458: Dropdown cleanups
    • #34543: Fix Util.reflow function and add documentation
    • #34619: tooltip: move repeated strings to constants
    • #34620: Enable a few eslint-config-xo rules
    • #34628: Regression on tooltip template creation process.

    📖 Docs

    • #32319: Add maps for all colors, document how to extend color utilities
    • #33866: Add dynamic, live alerts example to docs
    • #34100: Updated utility API (css-vars utils and new bg/color utils), plus new root CSS variables
    • #34406: Fix site params variable on themes section
    • #34472: Added new Offcanvas file to import example
    • #34517: Update nav-tab.md
    • #34526: Add: GitHub Octicons to the list
    • #34557: docs: minor image compression improvements
    • #34573: Update the custom Sass import docs
    • #34574: Document change to hr in v5
    • #34577: Make note of _root.scss being required
    • #34578: Rename Build Tools page to Contribute
    • #34605: Collapse page: add a link to the accordion page
    • #34637: Improved docs describing media-breakpoint-down breakpoints

    🛠 Examples

    • #33882: Add four new snippet examples
    • #34273: Offcanvas navbar
    • #34336: Remove unneeded .text-white-50 CSS rule from Offcanvas Example

    🌎 Accessibility

    • #33865: Add shift-tab keyboard support for dialogs (modal & Offcanvas components)

    🔧 Utility API

    • #34100: Updated utility API (css-vars utils and new bg/color utils), plus new root CSS variables

    🧰 Misc

    • #32907: npm scripts: add aggregate-output
    • #34389: CONTRIBUTING.md: fix broken link to README.md
    • #34453: CI: make use of the actions/setup-node's cache option

    📦 Dependencies

    • Updated numerous devDependencies: https://github.com/twbs/bootstrap/pulls?q=is%3Apr+is%3Aclosed+label%3Adependencies+project%3Atwbs%2Fbootstrap%2F31
    Source code(tar.gz)
    Source code(zip)
    bootstrap-5.1.0-dist.zip(1.28 MB)
    bootstrap-5.1.0-examples.zip(1.21 MB)
  • v5.0.2(Jun 22, 2021)

    🚀 Features

    • #34052: Automatically select an item in the dropdown when using arrow keys

    🎨 CSS

    • #33621: Allow individual grid classes to override .row-cols
    • #34008: Fix x-paddings for select (with floating label, and in Firefox)
    • #34026: Set the correct color for popover header bottom border
    • #34034: Add missing transition to .form-select
    • #34044: Fix wrong comment text for tooltip
    • #34047: Handle complex expressions in add() & subtract()
    • #34048: Decouple --bs-table-bg and --bs-table-accent-bg
    • #34062: Document how to make utilities responsive using the API
    • #34124: fix(dropdowns): RTL for .dropdown-menu-*
    • #34161: fix(forms): unitless line-height for floating labels
    • #34223: docs(style): fix display of nested <ul><li>
    • #34245: Replace / division with multiplication and custom divide() function
    • #34255: Don't set auto margin on offcanvas close
    • #34281: Fix lingering Sass math
    • #34283: Update the divide() function and RFS
    • #34332: Fix another Sass division

    ☕️ JavaScript

    • #33276: Add getOrCreateInstance method in base-component
    • #33371: Popover & Tooltip: Allow dispose/hide methods usage through jQueryIntreface
    • #33608: Utils: add getNextActiveElement helper function
    • #33845: Fix handling of transitionend events dispatched by nested elements
    • #33928: Reset inside a Dialog does not work if data-dismiss="modal" is set
    • #33947: Refactor scrollbar.js to be used as a Class
    • #33948: Add tests for scrollbar.js & better handling if a style property doesn't exist
    • #33960: fix isVisible false positives from deep nesting or alternate means
    • #33982: Don't add empty content holder when there is no content available
    • #34014: Fix backdrop "Cannot read property 'removeChild' of null" when removed from body
    • #34052: Automatically select an item in the dropdown when using arrow keys
    • #34070: Fix test of #34014
    • #34071: Change element.parentNode.removeChild(element) to element.remove()
    • #34085: Fix prevented show event disables modals with fade class from being displayed again
    • #34092: Backdrop: Fix stale body by removing unnecessary default
    • #34158: Register only one DOMContentLoaded event listener in onDOMContentLoaded
    • #34266: Fix carousel buttons
    • #34307: fix(carousel): arrow keys break animation if carousel sliding

    📖 Docs

    • #33724: Nav-tabs documentation example: Adjust example to querySelectorAll
    • #33749: add Bootstrap 5 Simplified Chinese translation
    • #34009: Drop BlinkMacSystemFont in docs
    • #34018: Adjusted z-index to cover "copy" buttons
    • #34040: Placeholder changes to input value in readonly input.
    • #34044: Fix wrong comment text for tooltip
    • #34050: Replace Freenode with Libera IRC server
    • #34062: Document how to make utilities responsive using the API
    • #34074: Update Hugo config and sitemap.xml
    • #34090: Change HTTP to HTTPS
    • #34143: Add positioned badges example to docs
    • #34160: img in horizontal card
    • #34175: Fix typo in sass.md ("theses"→ "these")
    • #34179: Missed explanations for variables override
    • #34180: docs: update dropdowns.md to reflect the correct version
    • #34183: docs: update migration.md to fix a typo
    • #34199: docs: update overview.md to fix typo
    • #34223: docs(style): fix display of nested <ul><li>
    • #34239: fix(docs): update docs to match the newest modal-open removal
    • #34251: Document the change to breakpoint mixins
    • #34256: Add important to utilities, mention it's usage and global variable
    • #34263: Fix error in JavaScript doc example
    • #34280: Remove a leftover sass:math module call

    🛠 Examples

    • #34007: Dashboard example improvements
    • #34011: Cheatsheet: fix JS errors in setActiveItem()
    • #34214: fix accessibility issue on sidebars example

    🌎 Accessibility

    • #34052: Automatically select an item in the dropdown when using arrow keys
    • #34214: fix accessibility issue on sidebars example

    🔧 Utility API

    • #34062: Document how to make utilities responsive using the API
    • #34256: Add important to utilities, mention it's usage and global variable

    🏭 Tests

    • #33948: Add tests for scrollbar.js & better handling if a style property doesn't exist

    🧰 Misc

    • #34075: Improve vnu-jar.js
    • #34250: Replace Freenode with Libera.Chat in the remaining files
    • #34279: build/vnu-jar.js: clean up ignores

    📦 Dependencies

    • Updated numerous devDependencies: https://github.com/twbs/bootstrap/pulls?q=is%3Apr+is%3Aclosed+label%3Adependencies+project%3Atwbs%2Fbootstrap%2F41
    Source code(tar.gz)
    Source code(zip)
    bootstrap-5.0.2-dist.zip(1.25 MB)
    bootstrap-5.0.2-examples.zip(1.19 MB)
  • v5.0.1(May 13, 2021)

    🎨 CSS

    • #33551: Modals no longer use .modal-open to affect the <body> scroll
    • #33644: Validated inputs in .input-group shouldn't be behind sibling element
    • #33825: Prevent accent-bg from leaking in nested table
    • #33870: Don't redefine $list-group-color in loop
    • #33961: Revert :read-only selector back to [readonly]

    ☕️ JavaScript

    • #33221: Prevent toast autohiding if focusing or hovering
    • #33288: Remove potential false positive assertions
    • #33327: Move get element functionality to a helper
    • #33381: Popover/Tooltip: streamline config property to start with underscore
    • #33609: Merge js-components transitionend listener callbacks into one method
    • #33635: Extract static DATA_KEY & EVENT_KEY to base-component
    • #33740: Refactor: move disposing properties into the base class
    • #33853: Fix backdrop rootElement not initialized in Modal
    • #33920: Fix: Click on input outside of dropdown-menu prevents dropdown from closing
    • #33938: Fix dropdown test warning "without expectations"

    📖 Docs

    • #33709: Add Arabic translation
    • #33837: update About text now that Bootstrap 5 is live
    • #33841: Fix typo in scrollspy docs
    • #33842: Fix browser support versions in migration doc
    • #33843: Fix typo in migration.md
    • #33855: Remove extra t in Close button heading in Migration guide
    • #33868: Fix value
    • #33879: Fix "no long require" to "no longer require" typo
    • #33893: Add accessible names to SVG icons in alerts
    • #33896: Fix accordion link
    • #33901: docs: make tooltip anchor properly wrap the svg
    • #33904: Add Fathom Analytics to v5 docs
    • #33915: docs: fix rtlcss stringmap configuration
    • #33916: Remove unneeded "Edge Legacy" mention in Range docs
    • #33924: Fix "directoinal" typo in v5 migration docs

    🛠 Examples

    • #33850: Fix unnecessary classes
    • #33859: Update Sidebars example to fix dividers and rendering on Chrome
    • #33926: Fix offcanvas example, using a custom trigger selector

    🌎 Accessibility

    • #33893: Add accessible names to SVG icons in alerts

    🏭 Tests

    • #33288: Remove potential false positive assertions
    • #33635: Extract static DATA_KEY & EVENT_KEY to base-component
    • #33927: Fix offcanvas test to expect the initial body overflow value
    • #33938: Fix dropdown test warning "without expectations"

    🧰 Misc

    • #33923: CI: remove Node.js 10

    📦 Dependencies

    • Updated numerous devDependencies: https://github.com/twbs/bootstrap/pulls?q=is%3Apr+is%3Aclosed+label%3Adependencies+project%3Atwbs%2Fbootstrap%2F38
    Source code(tar.gz)
    Source code(zip)
    bootstrap-5.0.1-dist.zip(1.25 MB)
    bootstrap-5.0.1-examples.zip(1.19 MB)
  • v5.0.0(May 5, 2021)

    Highlights

    #32155: Updated make-col() mixin to generate equal columns when no size is specified #32763: Added new color-scheme() mixin #33389: Dropdown menus now have option become clickable #33453: Added new docs footer #33548: Offcanvas header components are now vertically aligned #33549: Added offcanvas-top modifier #33634: Added support for .dropdown-items wrapped in <li>s #33626: Fix v5 regressions in tab dropdown functionality

    🚀 Features

    • #32763: Add color-scheme mixin
    • #33389: Dropdown — Add option to make the dropdown menu clickable
    • #33549: Add offcanvas-top modifier

    🎨 CSS

    • #32155: Add equal column mixin
    • #32763: Add color-scheme mixin
    • #33292: Make accordion icon rotation more natural
    • #33411: Fix validation feedback icon in select multiple
    • #33478: Make .nav-link color consistent when using buttons
    • #33482: Dropdown — Apply positioning only when Popper is not used
    • #33548: Vertically align offcanvas header components
    • #33549: Add offcanvas-top modifier
    • #33550: Spinner alignment changes
    • #33598: Hide validation icons from multiple selects
    • #33600: Have $form-check-input-border's default derive from $black
    • #33607: Reduce color-scheme complexity
    • #33642: use :read-only css selector instead [readonly] for consistency
    • #33658: fix: use list-group variable instead of alert
    • #33736: accordion: fix border-top on Firefox

    ☕️ JavaScript

    • #32439: Decouple BackDrop from modal
    • #33245: Decouple Modal's scrollbar functionality
    • #33249: Simplify Modal Config
    • #33250: Simplify ScrollSpy config
    • #33310: fix: make EventHandler better handle mouseenter/mouseleave events
    • #33389: Dropdown — Add option to make the dropdown menu clickable
    • #33429: Remove element event listeners through base component
    • #33451: Add missing things in hide method of dropdown
    • #33456: Use our isDisabled util on dropdown
    • #33466: Refactor dropdown's hide functionality
    • #33479: Fix dropdown escape propagation
    • #33496: Use cached noop function
    • #33497: Use template literals instead of concatenation
    • #33499: Fix wrong carousel transformation, direction to order
    • #33545: Use the backdrop util in offcanvas, enforcing consistency
    • #33586: Tab.js: Fixes on click handling
    • #33589: refactor: make static selectMenuItem method private
    • #33612: tests: fix random BrowserStack failures in scrollbar
    • #33626: Fix v5 regressions in tab dropdown functionality
    • #33634: Dropdown: support .dropdown-item wrapped in <li> tags
    • #33638: Fix toggle between modals example
    • #33643: fix: clicking an item in navbar dropdown should not collapse the dropdown in firefox
    • #33666: Modal.js: fix test for scrollbar
    • #33677: Offcanvas.js: If scroll is allowed, should allow focus on other elements
    • #33684: Don't change the value for altBoundary option
    • #33706: Scrollbar: respect the initial body overflow value

    📖 Docs

    • #33446: Make offcanvas example fully static
    • #33453: Add new docs footer
    • #33521: The spacing margin side identifiers 's' and 'e' may be intuitive for …
    • #33522: Clarify docs accordion example
    • #33543: Update parcel.md
    • #33553: Add example: Panels stay open
    • #33567: Fixed wrong method name _getInstance
    • #33571: footer: fix rel=noopener attribute
    • #33583: docs: update clipboard.js to v2.0.8
    • #33597: Docs: Fix wrong dark attribute in Table - Vertical Alignment
    • #33632: Correct the heading for the States section
    • #33638: Fix toggle between modals example
    • #33664: Docs: fix W3C validation errors in list-group example
    • #33668: Update anchor.js to v4.3.1.
    • #33669: Change from preventOverflow to detectOverflow in boundary option
    • #33675: Fix typo
    • #33676: Fix Grid System docs
    • #33685: docs: fix the default value of Popper's boundary option
    • #33687: Fixes #33686 typo in RTL docs
    • #33690: Add Bootstrap Icons to alerts docs
    • #33726: Replace modal and scrollspy placeholder content
    • #33733: Tooltip/Popover — Minor doc updates
    • #33735: Clarify boundary option description
    • #33772: Improve overall new examples' accessibility
    • #33782: Add new team members to the Teams page
    • #33786: Docs: adding intro about web accessibility
    • #33797: Update links to CCA, MQ5 prefers-reduced-motion, evergreen WCAG urls
    • #33810: Tweak toast docs
    • #33829: Update migration guide for some v5 changes
    • #33832: Fix doc typo and Bootstrap Icons link
    • #33833: refactor(docs): Added form file input variables
    • #33834: Rewrite migration guide

    Examples

    • #33097: Update RTL examples
    • #33759: fix: change margin breakpoints for bootstrap logo on double header
    • #33681: Fixes signup form in Heroes example
    • #33569: Improve responsiveness of Features examples

    🌎 Accessibility

    • #33772: Improve overall new examples' accessibility
    • #33810: Tweak toast docs

    🏭 Tests

    • #33578: Remove unnecessary data-bs-backdrop="static" from modal tests
    • #33612: tests: fix random BrowserStack failures in scrollbar
    • #33666: Modal.js: fix test for scrollbar
    • #33734: Add missing test for clicking select option in a dropdown

    🧰 Misc

    • #33720: JS tests: add Node.js 16

    📦 Dependencies

    Source code(tar.gz)
    Source code(zip)
    bootstrap-5.0.0-dist.zip(1.25 MB)
    bootstrap-5.0.0-examples.zip(1.19 MB)
  • v5.0.0-beta3(Mar 23, 2021)

    Highlights

    • Added new offcanvas component for left, right, and bottom-aligned hidden content
    • Added four new snippet-based examples: headers, heroes, features, and sidebars
    • Updated the starter template example and a few other examples
    • Added new Sass docs section to nearly every page to show variables, mixins, loops, and keyframes from our source code
    • Added new .list-group-numbered variation to list groups that uses pseudo-elements for numbering list group items.
    • Removed explicit focus state suppression in Reboot
    • Improved carousel swipe behaviors for RTL
    • Updated accordions to improve transitions and borders when animating
    • Updated Sass customization docs to show how to properly override default variables
    • Fixed tooltips not appearing after rapid focus in and out
    • Fixed dropdown events not bubbling and forms inside dropdowns not propagating
    • Removed flip option from dropdowns
    • Disabled select now render consistently in Chrome
    • Button elements now grow in .nav-fill and .nav-justified
    • JavaScript plugin constructors now accept CSS selectors
    • De-duped the .border-0 utility
    • Fixed event handler removal in dropdown/carousel dispose
    • Added new Parcel guide to the docs
    • Added input focus blur Sass variable
    • Updated .browserslistrc to drop Android and add Safari/iOS 12 as the new minimum version (completing our two latest major releases guideline for supported browsers).

    🚀 Features

    • #29017: Offcanvas as component
    • #32245: Allow constructors to accept a CSS selector
    • #33068: Add ol.list-group with pseudo-element numbers

    🎨 CSS

    • #32747: Add Sass docs (variables, mixins, and loops) to most pages
    • #32925: Clear duplicated class border-0
    • #33029: Remove explicit suppression of focus outline
    • #33031: Add input focus blur variable
    • #33068: Add ol.list-group with pseudo-element numbers
    • #33127: Reset select:disabled opacity for Chrome
    • #33149: Revamp accordion borders to fix pixel jumping
    • #33154: Fix sibling card links in RTL
    • #33210: Properly set .list-group-item color
    • #33211: Validated controls border in input-group
    • #33213: Buttons should grow in nav-fill & nav-justified
    • #33325: Remove duplicate text-decoration style for abbr[title]
    • #33426: Fix flush accordion styles

    ☕️ JavaScript

    • #30621: modal: don't add margin & padding when sticky is not full width
    • #32180: refactor: use a Map instead of an Object in dom/data
    • #32245: Allow constructors to accept a CSS selector
    • #32446: util: change isRTL to a function
    • #32913: Fix carousel RTL and refactor code, fix rtl swipe issues
    • #33000: Fix event handler removal in dropdown/carousel dispose
    • #33056: modal: move common code to a new isAnimated method
    • #33120: Remove the default positioning from .dropup
    • #33136: Adjust SAFE_URL_PATTERN regex for use with test method of regexes.
    • #33198: Dropdown — Drop flip option
    • #33248: Accept data-bs-body option in the configuration object as well
    • #33257: Dynamic tab should not show when triggered on disabled element
    • #33261: Change the name of the Offcanvas constructor
    • #33289: fix tooltips disappearing after trying to interact during their fade out animation
    • #33382: Allow offcanvas to be initialized in open state
    • #33385: Use more safe check for 'isDisabled' helper
    • #33442: Allow data-toggle="dropdown" and form click events to bubble

    📖 Docs

    • #30909: Add Parcel Bundler doc
    • #32747: Add Sass docs (variables, mixins, and loops) to most pages
    • #33006: docs: add bootstrap5 zh-tw in translations
    • #33049: Docs improvements after beta2
    • #33081: Fix typo in nav-tabs docs
    • #33123: Clarify docs around .navbar-brand
    • #33207: Add an example of v4's media component in the flex utils docs
    • #33246: Update the "Nonblocking files" section in the docs
    • #33267: Grammatically update the doc
    • #33300: Update modal's show method to accept relatedTarget as an argument
    • #33301: Add example: toggle modal dialogs
    • #33322: Fix Flex utilities documentation to add vertical space in example
    • #33332: Mention .no-gutters removal in migration guide
    • #33333: Fixes some copy around inline forms
    • #33380: Utilities to Utilities API (Borders doc page)
    • #33386: Update Customize > Sass docs to properly place default variable overrides
    • #33430: Add link to new Parcel guide in starter template
    • #33443: offcanvas-navbar: add missing redirect

    🏭 Tests

    • #32662: Unit tests for Popper V2
    • #33045: Simplify karma.conf.js
    • #33060: Add the missing expectations for touch events
    • #33090: Add tests for DATA_KEY
    • #33167: visual tests: add missing base-component dist file
    • #33398: BrowserStack: test on iPhone 12

    🧰 Misc

    • #33067: CI: skip release drafter if we are not on our repo
    • #33100: linkinator: replace --silent with --verbosity
    • #33129: Rename _gh_pages to _site.
    • #33130: CodeQL: skip dependabot PRs too
    • #33148: Improve change-version script
    • #33192: Bundlewatch: stop ignoring dependabot branches
    • #33326: Delete the unused build/ship.sh
    • #33329: @rollup/plugin-replace: specify preventAssignment: true
    • #33397: .browserslistrc: remove the Edge workaround.
    • #33399: .browserslistrc: remove Android and make Safari/iOS 12 the minimum
    • #33401: README.md: use shields.io for the tests badge too

    📦 Dependencies

    Updated numerous devDependencies https://github.com/twbs/bootstrap/pulls?q=is%3Apr+is%3Aclosed+label%3Adependencies+project%3Atwbs%2Fbootstrap%2F34

    Source code(tar.gz)
    Source code(zip)
    bootstrap-5.0.0-beta3-dist.zip(1.24 MB)
    bootstrap-5.0.0-beta3-examples.zip(1.19 MB)
  • v5.0.0-beta2(Feb 10, 2021)

    Highlights

    • Dropdowns:
      • Updated dropdown plugin to add data-bs-popper="static" via JS to the .dropdown-menu when the trigger has add data-bs-display="static" and data-bs-popper="none" when in navbars.
      • Modified several selectors to separate our positioning styles from the Popper.js styles.
    • Navbars:
      • Added a new .navbar-nav-scroll class to enable vertical scrolling when a collapsed navbar is opened. It's customizable via Sass and a CSS variable. Read more in the docs.
      • We've re-added flex-grow to the .navbar-collapse to restore the flexbox behaviors from v4 and prevent some content from being inadvertently squished.
    • Forms:
      • Removed vertical-align from .form-select
      • Form validation mixin updated with additional parameters
      • Fixed validation icon placement in .form-select
      • Checkboxes and radio buttons are aligned better in input groups
    • Buttons:
      • Added variables for tinting and shading button state colors
      • Suppressed the default focus outline for buttons in Chromium
    • Toasts:
      • Added word-break to .toast-body
      • Added a live example to the docs to trigger a real toast
    • Carousels:
      • Updated docs examples to use <button>s wherever possible instead of <a> elements.
      • CSS selectors changed for using <button>s as indicators (from .carousel-indicators li to .carousel-indicators [data-bs-target]).
    • Bundles:
      • Added our helpers to the utilities CSS bundle
    • JavaScript:
      • Dropdown now emits events on the .dropdown-toggle instead of the .dropdown.
      • Restored the offset option for dropdowns.
      • Fixed modal toggling when clicking on data-bs-toggle="modal".
      • We now build our base component as a separate .js file.
      • We now prevent getSelector from returning URLs as selector which caused errors in dropdown and scrollspy plugins.
      • Refactored components to use a utility function to define jQuery plugins

    🚀 Features

    • #32037: Add .navbar-nav-scroll for vertical scrolling of navbar content
    • #32317: Add variables for modifying button state colours.
    • #32376: Support Popper virtual elements

    ⚡ Performance Improvements

    • #32348: Use box shadows instead of linear gradients to colorize tables

    🎨 CSS

    • #31757: Extended Form validation states capabilities
    • #32037: Add .navbar-nav-scroll for vertical scrolling of navbar content
    • #32317: Add variables for modifying button state colours.
    • #32318: Remove vertical-align from .form-select
    • #32324: Add helpers to utilities bundle
    • #32348: Use box shadows instead of linear gradients to colorize tables
    • #32397: Utility API, RFS option: Only generate responsive classes when needed
    • #32415: Reset Popper position in RTL
    • #32419: Tweak .form-select padding
    • #32423: Add two new variables for pagination border-radius values
    • #32436: RTL improvements
    • #32440: Expand visually-hidden-focusable so it can be used on a container, …
    • #32492: Fix: variables collide with globals
    • #32501: .ratio missing variable prefix
    • #32524: Remove the initial margin from dropdown/popover in favor of Popper
    • #32575: docs(sidebar): invalid CSS value
    • #32627: Carousel: use buttons, not links, for prev/next controls
    • #32630: Dynamic tabs: use buttons rather than links
    • #32631: Remove old/unnecessary reboot bug fix
    • #32661: Make carousel indicators actual buttons
    • #32670: Add word-break to .toast-body
    • #32689: Suppress focus outline for buttons when it shouldn't be visible in Chromium
    • #32751: Consistently use outline:0 rather than outline:none
    • #32754: Darken dropdown item hover style
    • #32761: Mention stretched-link constraints with table elements
    • #32785: Lighten disabled dropdown text to $gray-500
    • #32787: Remove popover-arrow margin to fix alignment of the arrow
    • #32793: Change .form-check background to $input-bg and change transitions
    • #32819: Color utils docs
    • #32899: Re-add flex-grow to .navbar-collapse
    • #32912: Update checks and radios in input groups
    • #32930: Fix hardcoded custom prop. in .navbar-nav-scroll
    • #32951: fix(accordion): ensure .accordion-button stays left-aligned
    • #32986: Dropdown menu alignment fixes
    • #33003: Dropdown - Change the selector to check the use of Popper
    • #33022: Ensure .navbar-collapse behaves as intended

    ☕️ JavaScript

    • #32285: Refactor components to use a utility function to define jQuery plugins
    • #32303: Use the ternary operator in a few more places
    • #32309: tests: replace deprecated jQuery method
    • #32313: build-plugins: build Base component too
    • #32339: Remove SelectorEngine.matches().
    • #32376: Support Popper virtual elements
    • #32391: SelectorEngine: drop variable used once
    • #32392: alert: rename variables for consistency
    • #32393: carousel: switch to string constants
    • #32394: Remove TRANSITION_END from utils
    • #32395: carousel: switch to if/else
    • #32405: Add Popper fallback behaviour
    • #32420: Tooltip - check if tip and its parent node exist in dispose method
    • #32436: RTL improvements
    • #32437: Tooltip/popover - change the default value for fallbackPlacements
    • #32438: collapse: prevent url change if A nested tag is clicked
    • #32443: Restore offset option for dropdown component
    • #32465: Tooltip - Add missing callback in async spec
    • #32511: modal: move common code to reusable functions
    • #32523: Tooltip refactoring
    • #32524: Remove the initial margin from dropdown/popover in favor of Popper
    • #32585: Throw a TypeError instead of the generic Error
    • #32586: Prevent getSelector from returning URLs as selector
    • #32603: Scrollspy - Remove unnecessary event argument
    • #32625: Dropdown - Emit events on the .dropdown-toggle button
    • #32661: Make carousel indicators actual buttons
    • #32691: Fix toggling modal when clicking on data-bs-toggle="modal"
    • #32750: Fix dropdown keys to open menu
    • #32843: Remove custom fallbackPlacements from the dropdown
    • #32845: Fix Popper preventOverflow boundary config
    • #32882: Add function type for popperConfig option
    • #32986: Dropdown menu alignment fixes

    📖 Docs

    • #32246: Replace Lorem Ipsum placeholder text with more representative (or at least english language) text
    • #32259: docs: SVG consistency changes
    • #32272: Add a callout for the sanitizer in popovers and tooltips
    • #32284: docs: Add Korean translation
    • #32287: Typo: show on xxl, if only xl should be hidden.
    • #32316: carousel.md: fix $carousel-transition-duration reference
    • #32332: Move migration sidebar entry to sidebar.yml
    • #32390: docs: Fix Popper-related docs
    • #32398: Fix missed occurrencies of "Popper.js"
    • #32399: Remove duplicated 'follow Bootstrap on Twitter' link in Getting Started
    • #32401: cheatsheet: Drop redundant (current) text
    • #32437: Tooltip/popover - change the default value for fallbackPlacements
    • #32449: examples: Update font utility classes to new v5 versions
    • #32455: docs: Add system-ui to the native font stack documentation
    • #32461: Docs: style clipboard button on :focus, not just :hover
    • #32463: Straggler lorem ipsum text
    • #32464: Add missing has-validation in checkout examples
    • #32478: Remove redundant pointer-events: none override for tooltip and popover disabled buttons
    • #32479: Clean up lorem ipsum text in popover examples
    • #32483: docs: Remove unneeded .form-group class
    • #32489: Fix popover docs example
    • #32490: Add keyboard-focusable elements for popover on disabled button
    • #32512: Docs v5: Fix Sass rounding precision and state Sass implementation
    • #32529: Tooltips: add missing space
    • #32534: Documentation: added class selector "." to "dropend"
    • #32543: API docs: add missing comma
    • #32575: docs(sidebar): invalid CSS value
    • #32589: Fix navbar docs - active nav-link
    • #32620: docs: work around Toast CSS conflict with utils
    • #32627: Carousel: use buttons, not links, for prev/next controls
    • #32630: Dynamic tabs: use buttons rather than links
    • #32632: Docs: Tweak the wording for collapse to indicate button is preferred/more semantic
    • #32634: Docs: Remove incorrect mention of dropdowns for dynamic tab behavior
    • #32638: Add an actual data-bs-touch="false" example in the carousel docs
    • #32661: Make carousel indicators actual buttons
    • #32684: Add functions and variables to the utilities API docs imports
    • #32685: Clarify the $enable-shadows option in our docs
    • #32688: Tweak wording for no-touch carousel
    • #32740: Fix typo
    • #32744: Document size and multiple aren't supported on floating label selects
    • #32745: Add a link to v4.x from the v5 homepage
    • #32758: Migration: mention the removal of .rounded-sm/lg utilities
    • #32759: Add mention of CSPs and SVGs
    • #32760: Add a live toast example to the docs
    • #32761: Mention stretched-link constraints with table elements
    • #32771: Improve docs regarding RTL migration
    • #32778: Document some basic code conventions for us
    • #32782: [docs] Update toasts.md
    • #32788: Remove role="button" from CTA links in carousel examples
    • #32795: Clarifies Sass variable defaults, adds bootstrap-npm-starter callout
    • #32819: Color utils docs
    • #32842: Docs: add v4.6.0
    • #32846: docs: Fix navbar-nav-scroll description
    • #32911: migration: mention .form-text changes
    • #32912: Update checks and radios in input groups
    • #32940: Fix default value for $enable-deprecation-messages
    • #32979: Fix boundary config description for dropdown and popover
    • #32995: Add a note to change the case type of option name
    • #33017: Docs on enforcing HTTPS and avoiding mixed content
    • #33027: Revamp sticky header offset to improve a11y

    🌎 Accessibility

    • #32401: cheatsheet: Drop redundant (current) text
    • #32661: Make carousel indicators actual buttons
    • #33027: Revamp sticky header offset to improve a11y

    🏭 Tests

    • #32309: tests: replace deprecated jQuery method
    • #32465: Tooltip - Add missing callback in async spec
    • #32486: BrowserStack: test on macOS Catalina instead of High Sierra
    • #32730: Move "active" class from .nav-item to .nav-link
    • #32769: JS: update karma config
    • #32904: Minor ESLint rules cleanup

    🧰 Misc

    • #32185: terser: use 2 passes instead of the default 1.
    • #32238: CI: add a 30-min timeout for BrowserStack
    • #32312: build-plugins: switch to "bundled" for babel helpers
    • #32313: build-plugins: build Base component too
    • #32314: CONTRIBUTING: mention dist files
    • #32417: Update Release Drafter configuration
    • #32452: Update CodeQL Action
    • #32453: Few updates for v5.0.0-beta1 NuGet support
    • #32469: Improve zip-examples.js
    • #32635: CI: update to actions/[email protected]
    • #32737: package.json: move version_short variable under the config object
    • #32755: GitHub Actions cleanup
    • #32756: Stylelint: disallow some property values
    • #32770: .gitignore: remove Ruby/Jekyll entries
    • #32796: CI: change Node.js to 14
    • #32799: Update zip-examples.js
    • #32917: change-version: remove vendor, add resources
    • #32919: CI: switch to the coverallsapp/github-action tag
    • #33012: CI: remove the cache fallback and shorten cache key
    • #33016: vnu-jar.js: quote vnu path

    📦 Dependencies

    • Updated numerous devDependencies https://github.com/twbs/bootstrap/pulls?q=is%3Apr+is%3Aclosed+label%3Adependencies+project%3Atwbs%2Fbootstrap%2F33
    Source code(tar.gz)
    Source code(zip)
    bootstrap-5.0.0-beta2-dist.zip(1.22 MB)
    bootstrap-5.0.0-beta2-examples.zip(409.33 KB)
  • v4.6.0(Jan 19, 2021)

    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
    Source code(tar.gz)
    Source code(zip)
    bootstrap-4.6.0-dist.zip(713.52 KB)
    bootstrap-4.6.0-examples.zip(284.38 KB)
  • v5.0.0-beta1(Dec 7, 2020)

    ⚠ Please check our migration guide for more info!

    🚀 Features

    • #32280: Add toast positioning
    • #30980: Add RTL support
    • #32217: Ability to add custom class in tooltip/popover
    • #31643: Add a state field to create utility pseudo-classes

    🎨 CSS

    • #31178: Update Popper to v2.x
    • #31303: Keep rounded corners for the first .btn in vertical button group
    • #31643: Add a state field to create utility pseudo-classes
    • #31735: Simplify make-container()
    • #32149: Rename scale-color() function to shift-color()
    • #32201: fix(container): use $variable-prefix
    • #32213: _reboot.scss: remove needless Stylelint disable
    • #32249: breadcrumb: simplify appearance, improve extensibility
    • #32277: Remove default linear gradient
    • #32280: Add toast positioning

    ☕️ JavaScript

    • #28849: Accessibility: add aria-label for tooltips
    • #29370: create a base component
    • #31178: Update Popper to v2.x
    • #31827: Add namespace "bs" in the data attributes
    • #32095: JS: use more "modern" APIs
    • #32124: tooltip.js: deduplicate _fixTitle()
    • #32152: Fix .close instances
    • #32154: BrowserStack: test both on iPhone 7 and iPhone X
    • #32173: Make the attribute methods bs specific
    • #32178: Handle Chromium to run Karma
    • #32179: Don't hide modal when config.keyboard is false
    • #32217: Ability to add custom class in tooltip/popover
    • #32221: Add missing tags in unit tests
    • #32224: Be consistent with Popper's name.
    • #32233: Update bundle.js in tests/integration
    • #32279: Remove the show config option from the modal plugin
    • #32310: Remove Polyfill leftovers

    📖 Docs

    • #31098: Docs: change sidebar collapse controls to actual button elements
    • #31608: Add baseof.html layout to docs
    • #32117: Update _syntax.scss
    • #32131: application.js: remove non-existent selector
    • #32134: Add hyphen between Sass and based
    • #32135: Fix caniuse.com URLs to prevent redirects
    • #32139: floating-labels.md: fix grammar error
    • #32143: example.html: remove extra whitespace
    • #32153: popovers.md: unbreak line
    • #32158: Switch to jsDelivr for the remaining docs assets
    • #32162: docs: Add missing .has-validation class for input group example
    • #32163: docs: update selector CodePen example
    • #32174: Position Utilities Docs: Fix the marker SVG color to match the button
    • #32175: skippy.html: reduce whitespace output
    • #32176: docs: use expanded Sass output style for development
    • #32177: examples: fix .btn-block instances
    • #32187: Manually optimize SVGs
    • #32189: docs(dropdowns): clarify where is .show applied
    • #32191: Correct block button breakpoint docs typo
    • #32194: Docs: fix homepage npm install version
    • #32198: examples: add the version number in title
    • #32204: Fix a few typos
    • #32223: introduction: split comments
    • #32224: Be consistent with Popper's name.
    • #32226: docs: use event instead of e
    • #32258: homepage: fix wrong alt attribute
    • #32281: Add mention of link underline change to migration and typography
    • #32335: cheatsheet.js: use event instead of e

    🌎 Accessibility

    • #28849: Accessibility: add aria-label for tooltips

    🧰 Misc

    • #29753: Improve build/generate-sri.js regex
    • #30986: Revisit our browserslist config
    • #32125: Update codeql.yml
    • #32154: BrowserStack: test both on iPhone 7 and iPhone X
    • #32222: CI: specify FORCE_COLOR:2
    • #32232: npm scripts: run integration tests in parallel
    • #32257: README: fix path to search.js
    • #32310: Remove Polyfill leftovers
    • #32326: Fix css-prefix-examples-rtl script

    📦 Dependencies

    Source code(tar.gz)
    Source code(zip)
    bootstrap-5.0.0-beta1-dist.zip(1.17 MB)
    bootstrap-5.0.0-beta1-examples.zip(1.28 MB)
  • v5.0.0-alpha3(Nov 11, 2020)

    Changes

    • #31728: Switch to dart-sass
    • #31972: Drop Legacy Edge support.
    • #32012: Remove obsolete prefixes

    🚀 Features

    • #30449: v5: Floating labels
    • #30571: v5: Add .fs-* utilities for font-size and rename font-weight/-style utilities
    • #31343: Adding overflow visible and scroll as utilities
    • #31995: Replace .btn-block with utilities
    • #32013: Add dedicated accordion component
    • #32066: Add .d-grid to our display utilities
    • #32074: Add .gap utilities

    🎨 CSS

    • #30449: v5: Floating labels
    • #30571: v5: Add .fs-* utilities for font-size and rename font-weight/-style utilities
    • #30622: Colors rewrite
    • #31343: Adding overflow visible and scroll as utilities
    • #31651: Fix disabled checkbox toggle buttons
    • #31657: Handle the Ubuntu sans-serif case
    • #31684: Add Sass variable for CSS variable prefix
    • #31687: Updated .rounded utilities
    • #31700: Suppress flexbox side effects in breadcrumb
    • #31826: Alert: Add z-index for close button
    • #31839: docs: fix contrast color against .bg-info
    • #31877: Apply smooth-scroll when prefers-reduced-motion: no-preference
    • #31882: Slow down spinners when prefers-reduced-motion: reduce
    • #31953: Fix input group border radii
    • #31955: Drop custom file upload plugin in favor of CSS solution
    • #31964: Remove background-clip from .btn-close
    • #31993: Remove explicit heights on form elements
    • #31995: Replace .btn-block with utilities
    • #32013: Add dedicated accordion component
    • #32020: Add cursor:pointer to color inputs
    • #32023: Fix color input heights
    • #32031: Fix .fw utilities
    • #32064: Remove firefox workaround for ::file-selector-button margin
    • #32066: Add .d-grid to our display utilities
    • #32074: Add .gap utilities
    • #32085: Add checks to fix color contrast issues
    • #32121: Use correct value order

    ☕️ JavaScript

    • #30740: karma: stop excluding polyfill.js from istanbul
    • #31818: Check for data-interval on the first slide of carousel
    • #31842: Remove Manipulator.toggleClass
    • #31951: Update anchor-js to v4.3.0.
    • #32011: polyfill.js minor tweaks
    • #32016: Streamline jQuery comment.
    • #32021: Lint: stop ignoring package.js
    • #32024: Fix TypeError when Bootstrap is included in head
    • #32026: toast.spec.js: fix typo
    • #32036: ESLint: enable new-cap rule but ignore properties
    • #32043: tests: switch to using toContain() to check for substring presence
    • #32045: tests: fix sanitizer test.
    • #32046: tests: tweak Jasmine usage
    • #32055: dropdown.js: simplify code
    • #32093: karma.conf.js: break lines
    • #32100: search.js: check for search-input element early
    • #32101: modal.html: use textContent

    📖 Docs

    • #30044: Contrast colors added to theme-colors
    • #30838: Explain the "dispose" method appropriately
    • #31111: Update docs example on how to optimize JavaScript bundle
    • #31583: docs(Modal): Add xxl fullscreen example
    • #31679: Don't wrap the code snippets in our docs
    • #31686: v5: Add disabled examples for .form-control, .form-select, and .form-range
    • #31702: Add keyboard shortcut to focus search field
    • #31775: Update social.html: use article og:type when it's a page
    • #31791: docs: remove pixels from SVGs
    • #31794: webpack.md: Replace "both of them" with "it"
    • #31795: validation.md: fix _validation.scss file reference
    • #31796: Update .btn-close-white docs to filter (not backdrop-filter)
    • #31802: Improve callout shortcode.
    • #31803: Update bs-table shortcode
    • #31806: docs: switch to fenced codeblocks
    • #31809: carousel: add missing to description and fix nextwhenvisible description
    • #31828: docs: Add Russian translation
    • #31835: Move href attribute first
    • #31839: docs: fix contrast color against .bg-info
    • #31861: Split up dropdown sizing docs to improve rendering
    • #31871: Revert "Improve callout shortcode."
    • #31892: Remove redundant visually hidden "(current)" from pagination controls
    • #31893: Update manifest.json
    • #31894: docs: switch to suggesting jsDelivr as a CDN
    • #31904: Drop useless text faking a label in horizontal forms example
    • #31929: Mention spinners slow down in migration guide
    • #31932: Small typo - remove the unnecessary "the"
    • #31951: Update anchor-js to v4.3.0.
    • #31960: Docs: Explicitly mention emoji fonts, tweak sentence in typography
    • #31965: Rename Navs to Navs and Tabs
    • #31981: Update list-group.md
    • #31982: Fix git conflicts after #30571
    • #31984: Add example with input group between two inputs
    • #32009: Minor Markdown fixes
    • #32015: Fix redirects
    • #32031: Fix .fw utilities
    • #32040: Add callouts about using light colors ideally on a dark background
    • #32049: Update utilities API docs
    • #32050: Make docs anchorjs links darker on keyboard focus
    • #32058: Form file docs and overrides
    • #32076: Partially revert "Move this to a partial to work around the stray p
    • #32084: reboot.md: mention "Liberation Sans"
    • #32086: config.yml: remove the unused "expo" parameter
    • #32087: download.md: link to JS files comparison too
    • #32090: [Docs] Changes to navbar documentation/explanation
    • #32099: search.js: use the current v5.getbootstrap.com URL
    • #32100: search.js: check for search-input element early
    • #32102: docs.html: replace backslashes with forward slashes
    • #32105: Clarify JS bundle docs one more time
    • #32116: browsers-devices: add chomp
    • #32126: Minor improvements to the Alpha 3 changelog
    • #32129: masthead: add newlines in the snippets and reindent

    🌎 Accessibility

    • #30550: Bump $dark to $gray-900
    • #31839: docs: fix contrast color against .bg-info
    • #31877: Apply smooth-scroll when prefers-reduced-motion: no-preference
    • #31882: Slow down spinners when prefers-reduced-motion: reduce
    • #31892: Remove redundant visually hidden "(current)" from pagination controls
    • #31904: Drop useless text faking a label in horizontal forms example
    • #32058: Form file docs and overrides
    • #32090: [Docs] Changes to navbar documentation/explanation

    🧰 Misc

    • #30740: karma: stop excluding polyfill.js from istanbul
    • #31728: Switch to dart-sass
    • #31783: Update .gitignore
    • #31878: CI: Allow skipping BrowserStack
    • #31930: Update CodeQL action
    • #32003: CI: switch to Node.js 14.
    • #32005: Remove bugreport.apple.com url
    • #32006: CI: Skip dependabot PR branches.
    • #32008: Update Edge's Rendering Engine on CONTRIBUTING.md
    • #32027: Clarify PRs section
    • #32033: CODE_OF_CONDUCT.md: fix redirect
    • #32036: ESLint: enable new-cap rule but ignore properties
    • #32056: deps: move sirv-cli to npx
    • #32063: stylelint: pass the --rd flag
    • #32097: package.json: fix clean-css level switch

    📦 Dependencies

    Source code(tar.gz)
    Source code(zip)
    bootstrap-5.0.0-alpha3-dist.zip(877.23 KB)
    bootstrap-5.0.0-alpha3-examples.zip(929.94 KB)
  • v4.5.3(Oct 13, 2020)

    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
    Source code(tar.gz)
    Source code(zip)
    bootstrap-4.5.3-dist.zip(711.33 KB)
    bootstrap-4.5.3-examples.zip(766.69 KB)
  • v5.0.0-alpha2(Sep 29, 2020)

    Changes

    • #30966: Floating labels improvements
    • #31774: Replace ellipsis Unicode symbol with three dots.

    🚀 Features

    • #30171: Add .dropdown-menu-dark
    • #31280: Extra position utilities
    • #31484: Add border width utility
    • #31650: Carousel enhancements, including .carousel-dark

    🎨 CSS

    • #30171: Add .dropdown-menu-dark
    • #30394: box-shadow() mixin: allow 'null' and drop support 'none' with multiple args
    • #30572: Add new toasts examples
    • #30639: Easier disabled state customization for button variants
    • #30781: reboot: table th
    • #31035: Add null variables for nav-link
    • #31120: Add missing comma in utils
    • #31131: Darken dropdown divider
    • #31132: Add padding to badges
    • #31139: Rename sr-only/sr-only-focusable to visually-hidden/visually-hidden-focusable
    • #31151: Fix scrollable modal
    • #31162: Fix table separator typo
    • #31276: v5: Tweak some colors
    • #31280: Extra position utilities
    • #31338: Removed a broken reference
    • #31346: Turn off scroll anchoring for accordions
    • #31359: Cleanup/fix after the sr-only to visually-hidden renaming
    • #31381: Remove overflow: hidden from toasts
    • #31382: Update copy around breakpoint sizing
    • #31383: Adjust sizing of checks and radios
    • #31396: Add transition to Pagination buttons just like other Bootstrap buttons
    • #31424: Mention that Edge Legacy also supports 'filling' their track
    • #31439: Remove flex: 1 0 100% from rows
    • #31473: Give more priority to .d-none
    • #31484: Add border width utility
    • #31500: Use next breakpoint when targetting xs only
    • #31571: Add default parameters to each border radius mixin
    • #31641: Revamp close button component
    • #31649: Match container gutters with row gutters
    • #31650: Carousel enhancements, including .carousel-dark
    • #31653: Add a comment for escape-svg function
    • #31659: Update Stylelint rules
    • #31717: Updates responsive embeds with new class names and CSS variables
    • #31718: Add new variable for $dropdown-padding-x
    • #31729: Input group addon sass customization options
    • #31746: Restore rem unit
    • #31772: _variables: change $btn-close-bg's attribute order

    ☕️ JavaScript

    • #30326: Prevent overflowing static backdrop modal animation
    • #30928: Fix tooltip when hovering a child element (delegateTarget)
    • #31066: Change "whitelist" to "allowlist"
    • #31067: data: reword storage key in DOM
    • #31073: Minor JS tweaks
    • #31109: toasts: make default duration 5s
    • #31115: fix tooltip hide method when already hidden
    • #31125: BrowserStack: stop testing on latest Edge.
    • #31155: Clear timeout before showing the toast
    • #31212: Minor JS consistency changes
    • #31358: Docs: Add accessibility note about dismissible alerts and focus

    📖 Docs

    • #30572: Add new toasts examples
    • #30897: Prevent skip links from overlapping header
    • #31036: Docs: Add top/bottom margin to highlighted code samples
    • #31058: Update links to bug and feature request issue templates
    • #31062: Fix Stack Overflow tag
    • #31070: Docs: fix old/broken example capture and typo
    • #31071: Docs: clarify rationale for button group on links
    • #31075: Updated the command to install using yarn
    • #31076: Typo fix: ocassions to occasions
    • #31077: Several typo fixes
    • #31078: Typo fix: individiual to individual
    • #31079: Typo fix: depedending to depending
    • #31081: Docs: add Gaël Poupard to the core team page
    • #31082: Docs: tweak accessibility section
    • #31090: Docs: rename form checks page to "Checks / radios"
    • #31093: Docs: improve/expand button documentation
    • #31102: Docs: Fix typo
    • #31106: Docs: fix typo
    • #31107: Correctly document how to add to Sass maps
    • #31114: Docs: forms accessibility cleanup
    • #31116: Fix links to gutters page
    • #31119: v5: Adjust docs sidebar and navbar
    • #31122: Update migration.md
    • #31130: Add code to method/property tables
    • #31133: Docs: screen reader helper/visibility utility tweaks
    • #31134: Docs: clarify that pointer events classes don't affect keyboard interaction
    • #31135: Docs: move color utility callouts to start of page
    • #31137: Docs: (subjectively) nicer looking accordion example
    • #31165: Remove backdrop-filter from docs subnav and toasts
    • #31190: Fix spelling mistake
    • #31192: Docs: Fix vertical align link
    • #31194: Minor doc tweaks
    • #31196: Fixed typo in docs v5 (Utilities/API) page
    • #31201: Docs: separate button group out of checks/radios, expand button groups page
    • #31211: homepage: Fix wrong indentation
    • #31213: Fix generated example code for RFS
    • #31232: Fix sidebar jump
    • #31240: Single line example for inline forms
    • #31248: v5: Updated About and Brand pages
    • #31254: Fix some hexa in colors docs.
    • #31268: Fix docs sass importing example.
    • #31277: v5: Versions cleanup
    • #31278: Migration update
    • #31300: docs: mention our bundle file clearly.
    • #31339: Add view on GitHub links for easier content editing from the docs
    • #31344: Add toasts to the components requiring JavaScript
    • #31358: Docs: Add accessibility note about dismissible alerts and focus
    • #31382: Update copy around breakpoint sizing
    • #31387: Update migration guide
    • #31424: Mention that Edge Legacy also supports 'filling' their track
    • #31434: make breakpoints specifications consistent with layout/grid.md
    • #31441: docs: Fix issue number typo in migration
    • #31455: Update current_ruby_version to 5.0.0.alpha1
    • #31471: Remove 'both' as its no longer just 2 breakpoints
    • #31505: docs(typography): missing punctuation
    • #31516: Update icons.yml
    • #31556: docs: Fix typo on Customize -> Color page
    • #31572: Fix docs incorrect green and cyan hex codes
    • #31575: SVG placeholders accessibility
    • #31576: Drop h4 color customization in callouts
    • #31578: Scrollspy keyboard access in docs
    • #31579: Ensure examples content sits in landmarks
    • #31580: Wrap home content in
      & use
    • #31590: Build tools: mention how to get the sources
    • #31610: Docs layout: ensure content sits in main
    • #31636: Add getInstance method in the docs for tooltip
    • #31648: Typo in About / Overview
    • #31668: Webpack page: add postcssOptions key
    • #31689: docs: fix a few redirects
    • #31738: docs: link to the Asynchronous functions section
    • #31750: brand: minor consistency changes
    • #31752: v5 alpha 2 migration guide updates
    • #31754: Tweak versions page columns
    • #31767: Convert SVGs in navbar and subnav to pixels
    • #31773: Add new Bootstrap Icons homepage images
    • #31785: v5: Vertical pills fix on mobile

    🌎 Accessibility

    • #30897: Prevent skip links from overlapping header
    • #30989: Ensure to increase contrasts on buttons & colored links hover/active states
    • #31114: Docs: forms accessibility cleanup
    • #31131: Darken dropdown divider
    • #31276: v5: Tweak some colors
    • #31575: SVG placeholders accessibility
    • #31576: Drop h4 color customization in callouts
    • #31578: Scrollspy keyboard access in docs
    • #31579: Ensure examples content sits in landmarks
    • #31580: Wrap home content in
      & use
    • #31610: Docs layout: ensure content sits in main

    🧰 Misc

    • #31011: Update Babel config
    • #31047: README: remove .svg from shields.io badges
    • #31062: Fix Stack Overflow tag
    • #31063: Update bundlewatch.yml
    • #31124: Update .browserslistrc
    • #31259: README.md: show brotli size too
    • #31588: Download link in README
    • #31742: Fix bundlewatch size

    📦 Dependencies

    • Updated numerous devDependencies https://github.com/twbs/bootstrap/pulls?q=is%3Apr+is%3Aclosed+label%3Adependencies+project%3Atwbs%2Fbootstrap%2F21
    Source code(tar.gz)
    Source code(zip)
    bootstrap-5.0.0-alpha2-dist.zip(906.24 KB)
    bootstrap-5.0.0-alpha2-examples.zip(961.24 KB)
  • v4.5.2(Aug 6, 2020)

    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.
    Source code(tar.gz)
    Source code(zip)
    bootstrap-4.5.2-dist.zip(713.10 KB)
    bootstrap-4.5.2-examples.zip(768.46 KB)
  • v4.5.1(Aug 4, 2020)

    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

    • #30797: Fix release script docs
    • #31011: Updated Babel config
    • #31296: Update to Ruby 2.7 and Bundler 2.x

    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
    Source code(tar.gz)
    Source code(zip)
    bootstrap-4.5.1-dist.zip(712.94 KB)
    bootstrap-4.5.1-examples.zip(768.30 KB)
  • v5.0.0-alpha1(Jun 16, 2020)

  • v4.5.0(May 12, 2020)

    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 intransition()` 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
    Source code(tar.gz)
    Source code(zip)
    bootstrap-4.5.0-dist.zip(712.73 KB)
    bootstrap-4.5.0-examples.zip(768.07 KB)
  • v4.4.1(Nov 28, 2019)

  • v4.4.0(Nov 26, 2019)

    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

    Source code(tar.gz)
    Source code(zip)
    bootstrap-4.4.0-dist.zip(713.79 KB)
  • v4.3.1(Feb 13, 2019)

  • v3.4.1(Feb 13, 2019)

  • v4.3.0(Feb 11, 2019)

    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.

    Links

    Source code(tar.gz)
    Source code(zip)
    bootstrap-4.3.0-dist.zip(680.74 KB)
  • v4.2.1(Dec 21, 2018)

  • v4.2.0(Dec 21, 2018)

    Here are the highlights of what's new and updated in v4.2.

    • New: Added a new spinner loading component.
    • New: Added new toast component for displaying notifications.
    • New: Added a new iOS style switch (a modifier class to our custom checkboxes).
    • New: Added touch support in our carousel component.
    • New: Added .font-weight-lighter and .font-weight-bolder utilities.
    • New: Added .text-decoration-none utility class.
    • New: Added .modal-xl modifier class for our modals.
    • New: Added new negative margin utility classes (e.g., .mb-n3). These rad new classes not only allow you more control over your general spacing needs, but also allow you to create responsive grid gutters at each breakpoint.
    • New: Validated form fields now have feedback icons on :invalid and :valid fields. Disable them with the $enable-validation-icons boolean Sass variable (defaults to true).
    • New: Added a new versions page to our docs
    • New: Tooltips/Popovers work with Shadow DOM
    • Updated: Redesigned the custom checkboxes and radios for more obvious states.
    • Updated: bootstrap-grid.css now includes 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.
    • Updated: Improved rendering of custom selects, ranges, file input, and more.

    Checkout the full v4.2.0 ship list and GitHub project for the full details. Up next is v4.3 with some bugfixes, a few new modifier classes and variables, and some new utilities.

    Head to to the v4.2.x docs to see the latest in action. The full release has been published to npm and will soon appear on the Bootstrap CDN and Rubygems.

    Source code(tar.gz)
    Source code(zip)
    bootstrap-4.2.0-dist.zip(655.56 KB)
Owner
Bootstrap
Source code and more for the most popular front-end framework in the world.
Bootstrap
Brail is a framework built on NextJS for developing email templates in React, and returning HTML that is compatible with major email clients.

Brail is a framework built on NextJS for developing email templates in React, and returning HTML that is compatible with major email clients. It aims to seperate the concerns of generating the emails and delivering them.

null 56 Aug 26, 2022
The worlds smallest fully-responsive css framework

FLUIDITY A fully responsive css framework that is impossibly small HTML is almost 100% responsive out of the box. This stylesheet patches the remainin

murmurs 1.1k Aug 9, 2022
One framework. Mobile & desktop.

Angular - One framework. Mobile & desktop. Angular is a development platform for building mobile and desktop web applications using Typescript/JavaScr

Angular 84k Sep 24, 2022
HTML Framework that allows you not to write JavaScript code.

EHTML (or Extended HTML) can be described as a set of custom elements that you can put on HTML page for different purposes and use cases. The main ide

Guseyn Ismayylov 169 Sep 24, 2022
Knockout makes it easier to create rich, responsive UIs with JavaScript

Knockout Knockout is a JavaScript MVVM (a modern variant of MVC) library that makes it easier to create rich, desktop-like user interfaces with JavaSc

Knockout.js 10.2k Sep 24, 2022
🌟 DataFormsJS 🌟 A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.

?? Welcome to DataFormsJS! Thanks for visiting! ?? ?? ?? ?? ?? ?? 中文 (简体) 欢迎来到 DataFormsJS Español Bienvenido a DataFormsJS Português (do Brasil) Bem

DataFormsJS 148 Sep 15, 2022
Ember.js - A JavaScript framework for creating ambitious web applications

Ember.js is a JavaScript framework that greatly reduces the time, effort and resources needed to build any web application. It is focused on making yo

Ember.js 22.3k Sep 23, 2022
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

Supporting Vue.js Vue.js is an MIT-licensed open source project with its ongoing development made possible entirely by the support of these awesome ba

vuejs 199.6k Sep 24, 2022
A no-dependency, intuitive web framework from scratch in Javascript

Poseidon ?? Intro Poseidon is, to use a nice description by Reef, an anti-framework. It's a a no-dependency, component-based Javascript framework for

Amir Bolous 43 Aug 25, 2022
Materialize, a CSS Framework based on Material Design

MaterializeCSS Materialize, a CSS Framework based on material design. -- Browse the docs -- Table of Contents Quickstart Documentation Supported Brows

Alvin Wang 38.7k Sep 20, 2022
Enable JSX for Template Literal Tags based projects.

JSX2TAG Social Media Photo by Andre Taissin on Unsplash Enable JSX for Template Literal Tags based projects. µhtml live demo µland live demo µbe live

Andrea Giammarchi 31 Aug 10, 2022
An open-source, self-hosted, low-code framework to build internal tools, web apps, admin panels, BI dashboards, workflows, and CRUD apps with YAML or JSON.

An open-source, self-hosted, low-code framework to build internal tools, web apps, admin panels, BI dashboards, workflows, and CRUD apps with YAML or JSON.

Lowdefy 1.9k Sep 20, 2022
A framework for real-time applications and REST APIs with JavaScript and TypeScript

A framework for real-time applications and REST APIs with JavaScript and TypeScript Feathers is a lightweight web-framework for creating real-time app

Feathers 14.1k Sep 21, 2022
AngularJS - HTML enhanced for web apps!

AngularJS AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade/Pug and

Angular 59.4k Sep 20, 2022
A JavaScript Framework for Building Brilliant Applications

mithril.js What is Mithril? Installation Documentation Getting Help Contributing What is Mithril? A modern client-side JavaScript framework for buildi

null 13.4k Sep 20, 2022
A rugged, minimal framework for composing JavaScript behavior in your markup.

Alpine.js Alpine.js offers you the reactive and declarative nature of big frameworks like Vue or React at a much lower cost. You get to keep your DOM,

Alpine.js 21.7k Sep 24, 2022
hell.js 🚀 🚀 A JavaScript framework for the 🔥 next 🔥 generation. 🚀

hell.js ?? ?? A JavaScript framework for the ?? next ?? generation. ??

null 30 Aug 20, 2022
An HTML5/CSS3 framework used at SAPO for fast and efficient website design and prototyping

Welcome to Ink Ink is an interface kit for quick development of web interfaces, simple to use and expand on. It uses a combination of HTML, CSS and Ja

SAPO 1.9k Sep 15, 2022
MVC framework making it easy to write realtime, collaborative applications that run in both Node.js and browsers

Derby The Derby MVC framework makes it easy to write realtime, collaborative applications that run in both Node.js and browsers. Derby includes a powe

DerbyJS 4.7k Sep 24, 2022