Invisible content The .invisible class can be used to toggle only the visibility of an element, meaning its display is not modified

Responsive helpers Responsive embeds Allow browsers to determine video or slideshow dimensions based on the width of their

Screenreaders Hide an element to all devices except screen readers with .sr-only. Combine .sr-only with .s

Colors Convey meaning through color with a handful of emphasis utility classes. These may also be applied to links and will darken on hover just like our default

Jumbotron A lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site.

Browsers and devices Bootstrap supports a wide variety of modern browsers and devices, and some older ones. See which exact ones below, as well as detailed

Breadcrumb Indicate the current page’s location within a navigational hierarchy. Separators are automatically added in CSS through

Spacing Assign responsive-friendly margin or padding values to an element or a subset of its sides with shorthand classes. Includes

Flexbox Quickly manage the layout, alignment, and sizing of grid columns, navigation, components, and more with a full suite of responsive flexbox utilities

Sizing Easily make an element as wide or as tall (relative to its parent) with our width and height utilities. Includes support for 25%, 50%