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%
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
Spacing Assign responsive-friendly margin or padding values to an element or a subset of its sides with shorthand classes. Includes
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
Typography The following utilities can be used to add additional styles to texts. Contents
Clearfix Easily clear floats by adding .clearfix to the parent element. Utilizes
Display property Use .d-block, .d-inline, or .d-inline-block to simply set an element’s
Page 1 of 2