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

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%

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

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

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

Clearfix Easily clear floats by adding .clearfix to the parent element. Utilizes

Typography The following utilities can be used to add additional styles to texts. Contents

Display property Use .d-block, .d-inline, or .d-inline-block to simply set an element’s