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

Last update: Jan 1, 2023

Overview

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.

Quick start
Status
What's included
Bugs and feature requests
Documentation
Contributing
Community
Versioning
Creators
Thanks
Copyright and license

Quick start

Several quick start options are available:

Download the latest release
Clone the repo: git clone https://github.com/twbs/bootstrap.git
Install with npm: npm install bootstrap@next
Install with yarn: yarn add bootstrap@next
Install with Composer: composer require twbs/bootstrap:5.0.0-beta3
Install with NuGet: CSS: Install-Package bootstrap Sass: Install-Package bootstrap.sass

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

Status

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

Run npm install to install the Node.js dependencies, including Hugo (the site builder).
Run npm run test (or a specific npm script) to rebuild distributed CSS and JavaScript files, as well as our docs assets.
From the root /bootstrap directory, run npm run docs-serve in the command line.
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

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

Backers

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

Copyright and license

Comments

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 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

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)

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

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 "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 143

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

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

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

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

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

Color mode switch flash issue (dark theme)

Prerequisites

[X] I have searched for duplicate or closed feature requests

[X] I have read the contributing guidelines

Proposal

I'm proposing to add a optional flag which controls whether to use CSS variables when switching among color modes. Instead, pre-calculate CSS values for predefined theme colors. This will potentially increase the size of final CSS files but can remove the 'flashing issue' when using dark theme. Refer to the context section for more details.

Motivation and context

By default, the color mode is light. I use cookies to record user's preference about colors. Based on the cookie values, my website will pre-populate data-bs-theme attribute for root element. If I choose to use Dark theme mode, I can observe a flash of changing from light to dark theme though it is almost invisible. I believe this is because CSS variables are used instead of static computed color variables. Before BS5.3.0, I was creating dark-theme CSS override by myself and encounter no such issue. You can find this issue in my website by choosing dark theme mode and then navigating through pages: [Kontext] (https://kontext.tech/)

feature color mode

opened by FahaoTang 2

Dropdowns not working even after being initialized

Prerequisites

[X] I have searched for duplicate or closed issues

[X] I have validated any HTML to avoid common problems

[X] I have read the contributing guidelines

Describe the issue

I initialized the dropdowns (using the .dropdown-toggle selector), based on the example in the docs, yet it does not work when I click on it. There are no errors or anything.

Reduced test cases

JS:

import { Dropdown } from "bootstrap"; document.addEventListener("DOMContentLoaded", () => { document.querySelectorAll('.dropdown-toggle').forEach(el => new Dropdown(el)) })

HTML:

<div class="dropdown"> <button type="button" class="btn btn-dark dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"> Sort By </button> <div class="dropdown-menu dropdown-menu-end"> <a class="ajax dropdown-item" type="button">Created at</a> <a class="ajax dropdown-item" type="button">Title</a> </div> </div>

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

Windows, Linux

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

Chrome, Firefox

What version of Bootstrap are you using?

v5.2.3
awaiting-reply needs-example

opened by VottusCode 1

Docs: light mode code snippets have very low contrast

Prerequisites

[X] I have searched for duplicate or closed issues

[X] I have validated any HTML to avoid common problems

[X] I have read the contributing guidelines

Describe the issue

The title describes the issue well enough. It happened that I had light mode on, and this one JS snippet I've come across really made me squeeze my eyes because it was hard to distinguish the comments from actual code. Although dark mode has really nice contrast, some people might prefer lightmode.

Reduced test cases

Any snippet on light mode, including HTML and CSS.

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?

v5.3
docs accessibility v5 color mode

opened by teaca-sebastian 1

There is an unecessary `list-type` on the `.carousel-indicators` element

Right here: https://github.com/twbs/bootstrap/blob/9e17b2b34cdec9dce063bba09b01aa9a63e7dd94/scss/_carousel.scss#L168

I think it could be removed as in the documentation Bootstrap is using a div element, not an ul.

If you think it's worth the shot, I could make a PR about it.

Should I make it?

One of my 2023 goal is to be more involved in Bootstrap, so it could be a good very first exercice for me!

✌️
css v5

opened by CyrilKrylatov 1

Text on cards don't respect data-bs-theme

Prerequisites

[X] I have searched for duplicate or closed issues

[X] I have validated any HTML to avoid common problems

[X] I have read the contributing guidelines

Describe the issue

When setting data-bs-theme to dark on a Card, the background color changes, but not the foreground colors.

I'd expect either neither or both to change.

Reduced test cases

https://codepen.io/kusma/pen/ZEjWxyb

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

Linux

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

Firefox

What version of Bootstrap are you using?

v5.3.0-alpha1
css confirmed v5 color mode

opened by kusma 1

Releases(v5.3.0-alpha1)

v5.3.0-alpha1(Dec 24, 2022)

🚀 Highlights

#35566: Properly escape IDs in getSelector() to handle weird IDs (#35565)

#35857: Add dark mode support

#36854: Use explicit imports in our JavaScript source files

🚀 Features

#36540: Add new border-radius utilities

#36781: add font-weight-medium (500) / fw-medium

#37317: Add z-index utilities, .z-*

🎨 CSS

#36095: Added CSS variables for breakpoints

#36456: Add color CSS variables for .alert-link

#36457: Add color CSS variables for .btn-close

#36511: Add parameters to caret-related mixins

#36540: Add new border-radius utilities

#36781: add font-weight-medium (500) / fw-medium

#36815: Add new CSS variables for Offcanvas

#36831: Rework progress bar markup and styles

#36848: Add utilities for overflow and object fit

#36979: Add support for customizing a card title color

#37125: Floating labels: Add an artificial background to label

#37252: Add $enable-important-utilities condition in colored links

#37257: Remove duplicate CSS variable

#37299: Fix disabled floating labels and add some examples of it in the docs

#37317: Add z-index utilities, .z-*

#37344: Use --bs-border-width for some components

#37350: Prevent extraneous whitespace around date time inputs in WebKit

#37356: fix negative border-width on inputgroup and buttongroup

#37408: Fix disabled floating labels color

#37413: Grid Gap Updates

#37526: Fix var --bs-body-font-family; keep quotes in the font stack

#37617: CSS: $prefix to the whole assets

#37621: Fix --bs-form-check-bg definition

#37644: list-group-border-width variables

#37687: Fix Sass compilation when $color-mode-type is set to media-query

☕️ JavaScript

#35566: Properly escape IDs in getSelector() to handle weird IDs

#36027: Move getElementFromSelector & getSelectorFromElement

#36652: Boost execute function, being able to handle arguments

#36854: Use explicit imports in our JavaScript source files

#37438: refactor getSelector not to be exported

#37473: fix: change replaceAll usage introduced in #35566

#37482: Use Object.entries in more places

#37483: hydrateObj: use default param

#37484: ESLint: enable prefer-template rule

📖 Docs

#36523: Update navbars example to include a centered nav with utilities

#36831: Rework progress bar markup and styles

#37247: Docs: Minor grammatical fixes for Form validation page

#37250: Fix typo in documentation for hiding elements

#37255: Markdownlint fixes

#37267: Rename examples CSS/JS files for consistency

#37271: Docs: Slightly improve tooling setup description

#37277: Doc: add Sass vars for switches

#37279: Improve example of .flex-wrap and -reverse

#37282: Docs: standardize usage of <kbd>

#37299: Fix disabled floating labels and add some examples of it in the docs

#37301: docs: fix text buttons to match behavior

#37318: Home imports

#37320: Organize callouts in partials

#37341: Docs: use 'added' page information to display a tag on top of the pages

#37354: Docs: rewrite/reorganize carousel docs page

#37361: Font style utilities did not contain "-style-" in BS4

#37397: Change title of color-background.md page

#37399: Only show added in page badge if relevant

#37406: Update input-group.md with form text example

#37432: Docs: use <button> for dropdown/popover examples, explain preference over <a> for dropdowns, tweak collapse prose

#37491: Make added-in badge page-level for z-index utilities

#37492: Docs: add margin between buttons in tooltip examples

#37493: Docs: fix margins between cards in examples

#37498: Fix accessibility of examples buttons

#37535: Docs: Fix Thirteenth typo on Navbars example

#37538: Docs: Add black text/background examples

#37553: Docs: fix "Usage -> Enable dark mode" code example

#37568: Remove title from check2 SVG icon

#37570: code-examples.js: switch to firstElementChild

#37615: Add new team member to the Teams page

#37617: CSS: $prefix to the whole assets

#37658: docs: move color-mode script

#37670: Docs: Fix typo in guide

#37676: Docs: fix typo for Sass vars references in Customize > Color modes > Building with Sass

🛠 Examples

#36523: Update navbars example to include a centered nav with utilities

#37123: Fix button hover color in the cover example

#37267: Rename examples CSS/JS files for consistency

#37502: Fix grid and alignment in examples/features

🌎 Accessibility

#36831: Rework progress bar markup and styles

#37354: Docs: rewrite/reorganize carousel docs page

#37432: Docs: use <button> for dropdown/popover examples, explain preference over <a> for dropdowns, tweak collapse prose

#37498: Fix accessibility of examples buttons

🏭 Tests

#37248: Rename some variables in tab unit tests for consistency

🧰 Misc

#36325: CI: Add GitHub token permissions for workflows

#37348: Update authors and copyright to match npm, add repository reference

#37459: CI: remove git credentials after checkout

#37461: CI: switch to Node.js 18 LTS

#37481: Update CodeQL workflow

#37485: Update site/.eslintrc.json

#37486: CodeQL: ignore dist folder

📦 Dependencies

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

Source code(tar.gz)
Source code(zip)
bootstrap-5.3.0-alpha1-dist.zip(1.43 MB)
bootstrap-5.3.0-alpha1-examples.zip(1.24 MB)

v5.2.3(Nov 22, 2022)

Fixes

🎨 CSS

#37377: Import root in bootstrap-utilities

#37425: Fix deprecation warning with sass 1.56.0

#37266: Carousel: Fix RTL translate() direction

☕️ JavaScript

#37235: fix tooltip/popper disposal inconsistencies

Source code(tar.gz)
Source code(zip)
bootstrap-5.2.3-dist.zip(1.40 MB)
bootstrap-5.2.3-examples.zip(1.26 MB)

v5.2.2(Oct 3, 2022)

Highlights

Accordion

Use Sass variable for the accordion color instead of an invalid CSS variable

Buttons

Undo changes to .btn:hover from v5.2.1. We now explicitly target .btn-check styles instead.

Dropdowns

Restore the ability for dropdowns to work without an explicit data attribute (will be removed again in v6)

Modals

Improve modal event listeners

Use <h1> for all .modal-title instances in our docs

Tables

Don't redefine $border-color in table-variant() mixin

Tabs

Tabs no longer autofocus and cause pages to jump on tab.show()

Fix .active class toggling of tabs within dropdowns

Toasts

Properly set toast z-index on .toast-container as opposed to individual .toasts that don't receive any other positioning

Tooltips

Fix tooltip selectors with title attribute on dynamically created elements

🎨 CSS

#37118: Set toast z-index variable in the correct spot

#37165: Explicitly target .btn-check and undo :hover

#37182: Use Sass variable for accordion color

#37239: Don't redefine $border-color in table-variant mixin

☕️ JavaScript

#36914: Fix tooltip selector usage

#37128: Fix modal event listeners

#37146: Drop tabs auto-focus

#37151: Fix active class toggling of tabs within dropdown

#37189: Enrich Tab Test for keyboard handler

#37190: Dropdown: fix case with invalid markup

#37200: Ensure Tab keyboard functionality after #37146

📖 Docs

#36899: Slightly improve image compression

#37142: Add informative note for Tooltip/Popover selector option

#37145: Docs: minor fix for Navbar > Offcanvas examples

#37153: Fix typo in docs - Configure Vite section

#37199: Replace Webpack and Vite PNGs by SVGs

#37210: Use <h1> for all modal-title examples/uses

#37214: Docs: Change view in GitHub links inside main

🌎 Accessibility

#37200: Ensure Tab keyboard functionality after #37146

#37210: Use <h1> for all modal-title examples/uses

🏭 Tests

#36915: Use ES6 on visual tests

#37189: Enrich Tab Test for keyboard handler

🧰 Misc

#35079: Add PR template

#36421: NuGet: Use license expression

#37186: Add eslint-plugin-html to lint JS in HTML files

📦 Dependencies

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

Source code(tar.gz)
Source code(zip)
bootstrap-5.2.2-dist.zip(1.38 MB)
bootstrap-5.2.2-examples.zip(1.26 MB)

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

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

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

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

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

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

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)

Fixes

🎨 CSS

#35143: Revert "Add align-self: center to buttons for improved rendering in flex containers"

Source code(tar.gz)
Source code(zip)
bootstrap-5.1.3-dist.zip(1.30 MB)
bootstrap-5.1.3-examples.zip(1.21 MB)

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

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

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

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

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

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

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/setup-node@v2

#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

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

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

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

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)

🎉 The first Bootstrap 5 alpha has landed!

For highlights and a look ahead, please read our v5 alpha 1 announcement blog post.

Browse the v5 alpha 1 project to see what's new and what's changed.

Source code(tar.gz)
Source code(zip)
bootstrap-5.0.0-alpha1-dist.zip(900.98 KB)
bootstrap-5.0.0-alpha1-examples.zip(954.48 KB)

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)

Fix Dart Sass compatibility (#29755, #29763)

Add :disabled for disabled fieldset (#29762)

Source code(tar.gz)
Source code(zip)
bootstrap-4.4.1-dist.zip(713.87 KB)

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 × to avoid confusion with browser functionality for clearing the form field value.

Fixed a couple dozen CSS and JS bugs.

Moved to GitHub Actions for CI/CD! Expect more updates to our CI setup over time here while Actions evolves.

Updated documentation to fix links and typos, improved landmarks for secondary navigation, and a new security doc for guidelines on reporting potential vulnerabilities.

Links

List of closed issues and merged pull requests

Review the project board

Source code(tar.gz)
Source code(zip)
bootstrap-4.4.0-dist.zip(713.79 KB)

v4.3.1(Feb 13, 2019)

Security: Fixed an XSS vulnerability (CVE-2019-8331) in our tooltip and popover plugins by implementing a new HTML sanitizer

Fixed a small issue with our RFS (responsive font sizes) mixins

Source code(tar.gz)
Source code(zip)
bootstrap-4.3.1-dist.zip(696.89 KB)

v3.4.1(Feb 13, 2019)

Security: Fixed an XSS vulnerability (CVE-2019-8331) in our tooltip and popover plugins by implementing a new HTML sanitizer

Handle bad selectors (#) in data-target for Dropdowns

Clarified tooltip selector documentation

Added support for NuGet contentFiles

Source code(tar.gz)
Source code(zip)
bootstrap-3.4.1-dist.zip(362.68 KB)

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

Related tags

Overview

Bootstrap

Bootstrap 4

Table of contents

Quick start

Status

What's included

Bugs and feature requests

Documentation

Running documentation locally

Documentation for previous releases

Contributing

Community

Versioning

Creators

Thanks

Sponsors

Backers

Copyright and license

Comments

Docs and repo

Repository

General docs changes

Homepage

Getting started

Global JavaScript

Global CSS

Browser support

LESS changes

Miscellaneous

Grid system

Type

Headings

Lists

Text classes

LESS

Tables

Images

Buttons

Tables

Forms

Icons

Responsive utilities

Button groups

Labels and badges

Jumbotron (formly hero unit)

Breadcrumbs

Navigation

Navs

Navbars

Dropdowns

Progress bars

Modals

Thumbnails

Alerts

New: List groups

New: Panels

Tooltips

Carousel

Customizer

Summary: Add support for the following classes:

Prerequisites

Proposal

Motivation and context

Prerequisites

Describe the issue

Reduced test cases

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

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

What version of Bootstrap are you using?

Prerequisites

Describe the issue

Reduced test cases

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

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

What version of Bootstrap are you using?

Prerequisites

Describe the issue