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

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

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

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

Accessibility Bootstrap follows common web standards and—with minimal extra effort—can be used to create sites that are accessible to those using

Tables Due to the widespread use of tables across third-party widgets like calendars and date pickers, we’ve designed our tables to be opt-in

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%

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

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