Bootstrap Utilities
The Framework includes dozens of Bootstrap utility classes for showing, hiding, aligning, and spacing content.
Usage
Add the utility class to any element.
Utilities
| Utility | Description | Link |
|---|---|---|
| Align | Easily change the vertical alignment of inline, inline-block, inline-table, and table cell elements. | https://getbootstrap.com/docs/4.3/utilities/vertical-align/ |
| Clearfix | Quickly and easily clear floated content within a container by adding a clearfix utility. | https://getbootstrap.com/docs/4.3/utilities/clearfix/ |
| Display | Quickly and responsively toggle the display value of components and more with our display utilities. | https://getbootstrap.com/docs/4.3/utilities/display/ |
| Embed | Create responsive video or slideshow embeds based on the width of the parent by creating an intrinsic ratio that scales on any device. | https://getbootstrap.com/docs/4.3/utilities/embed/ |
| Flex | Quickly manage the layout, alignment, and sizing of grid columns, navigation, components, and more with a full suite of responsive flexbox utilities. | https://getbootstrap.com/docs/4.3/utilities/flex/ |
| Float | Toggle floats on any element, across any breakpoint, using our responsive float utilities. | https://getbootstrap.com/docs/4.3/utilities/float/ |
| Position | Use these shorthand utilities for quickly configuring the position of an element. | https://getbootstrap.com/docs/4.3/utilities/position/ |
| Screen readers | Use screen reader utilities to hide elements on all devices except screen readers. | https://getbootstrap.com/docs/4.3/utilities/screen-readers/ |
| Sizing | Easily make an element as wide or as tall with our width and height utilities. | https://getbootstrap.com/docs/4.3/utilities/sizing/ |
| Spacing | Bootstrap includes a wide range of shorthand responsive margin and padding utility classes to modify an element’s appearance. | https://getbootstrap.com/docs/4.3/utilities/spacing/ |
| Text | Documentation and examples for common text utilities to control alignment, wrapping, weight, and more. | https://getbootstrap.com/docs/4.3/utilities/text/ |
| Visibility | Control the visibility, without modifying the display, of elements with visibility utilities. | https://getbootstrap.com/docs/4.3/utilities/visibility/ |