Display
A collections of classes to help you get the right display mode for a particular element.
| Display Modes | |
.display-block |
Sets the display property of an element to block. |
.display-inline |
Sets the display property of an element to inline. |
.display-inline-block |
Sets the display property of an element to inline-block. |
.display-flex |
Sets the display property of an element to flex. |
.display-inline-flex |
Sets the display property of an element to inline-flex. |
Hide
Use these classes to hide a component at specific breakpoints.
| Hide | |
.hide |
Hides a component for all breakpoints. |
.hide-xs |
Hides a component only for the xs breakpoint. |
.hide-sm |
Hides a component only for the sm breakpoint. |
.hide-md |
Hides a component only for the md breakpoint. |
.hide-lg |
Hides a component only for the lg breakpoint. |
.hide-xl |
Hides a component only for the xl breakpoint. |
Hide Until
A set of classes that hides a component until a particular breakpoint is passed.
| Hide Until | |
.hide-until-xs |
Hides a component until the xs breakpoint. |
.hide-until-sm |
Hides a component until the sm breakpoint. |
.hide-until-md |
Hides a component until the md breakpoint. |
.hide-until-lg |
Hides a component until the lg breakpoint. |
.hide-until-xl |
Hides a component until the xl breakpoint. |
Hide After
A set of classes that hides a component after a particular breakpoint is passed.
| Hide After | |
.hide-after-xs |
Hides a component after the xs breakpoint. |
.hide-after-sm |
Hides a component after the sm breakpoint. |
.hide-after-md |
Hides a component after the md breakpoint. |
.hide-after-lg |
Hides a component after the lg breakpoint. |
.hide-after-xl |
Hides a component after the xl breakpoint. |