The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
🎉 The first Bootstrap 5 alpha has landed!
user-select
with the new utilities and Sass map.role="button"
selector in Reboot to set cursor: pointer
on non-<button>
element buttons.bg-gradient-variant
mixin as it's being removed in v5.display: flex
on .breadcrumb-item
.btn
cursor.btn-link
pre
is present by setting min-width: 0
word-wrap
in .text-break
for IE and Edge compatibilityborder-radius
functions returning negative values$enable-transition: false
transition: none in
transition()` mixinspinner-grow
animation in Safari.card-footer
colorbox-shadow
mixin for .form-select
, .btn
, and other form controlsuser-select
and a new - role="button"
in Reboot to set cursor: pointer
.appearance: none
from button.close
bg-gradient-variant
mixin$grid-columns > 0
$grid-breakpoints
map list to remove all breakpointskeyboard=true
& backdrop=static
srcset
in the allowed attributestotype
always return stringified null when null passedloading="lazy"
for imagesmake-container()
mixindata-target
usage and morerole="document"
from the modal dialogHere'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.
.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.escape-svg()
function for simplifying our embedded background-image
SVGs for forms and more.add()
and subtract()
functions for avoiding errors and zero values from CSS's built in calc
feature.make-col-auto()
mixin to make our .col-auto
class available with custom HTML.:disabled
styles by moving selectors to [disabled]
.bg-variant()
, nav-divider()
, and form-control-focus()
mixins are now deprecated as they're going away in v5.:invalid
validation icon to be an alert instead of an ×
to avoid confusion with browser functionality for clearing the form field value.#
) in data-target
for Dropdowns.stretched-link
utility to make any anchor the size of it's nearest position: relative
parent, perfect for entirely clickable cards!.text-break
utility for applying word-break: break-word
.rounded-sm
and .rounded-lg
for small and large border-radius
..modal-dialog-scrollable
modifier class for scrolling content within a modal..list-group-horizontal
modifier classes for displaying list groups as a horizontal row.null
for variables that by default inherit their values from other elements (e.g., $headings-color
was inherit
and is now null
until you modifier it in your custom CSS).background-color
like our buttons.href
HTML attribute to avoid JavaScript errors. Please try to use valid selectors or the data-target
HTML attribute/target
option where available.white-space: nowrap
to .dropdown-toggle
(before v4.2.1 it was on all .btn
s) so carets don't wrap to new lines.img-retina
, invisible
, float
, and size
mixins are now deprecated and will be removed in v5.Bump to v4.2.1 to republish package on npm. See v4.2.0 release notes for changes introduced in v4.2.
Here are the highlights of what's new and updated in v4.2.
.font-weight-lighter
and .font-weight-bolder
utilities..text-decoration-none
utility class..modal-xl
modifier class for our modals..mb-n3
). These rad new classes not only allow you more control over your general spacing needs, but also allow you to create responsive grid gutters at each breakpoint.:invalid
and :valid
fields. Disable them with the $enable-validation-icons
boolean Sass variable (defaults to true
).bootstrap-grid.css
now includes our margin
and padding
utilities for full control of our grid system..col-auto
) from max-width: none
to max-width: 100%
to prevent content from causing a column to overflow the parent.Checkout the full v4.2.0 ship list and GitHub project for the full details. Up next is v4.3 with some bugfixes, a few new modifier classes and variables, and some new utilities.
Head to to the v4.2.x docs to see the latest in action. The full release has been published to npm and will soon appear on the Bootstrap CDN and Rubygems.
.row-no-gutters
class..navbar-fixed-*
on modal open<abbr>
elements.baseurl
, /docs/3.4/
, to version the v3.x documentation like we do with v4.