Display

Utilities for controlling the display box type of an element.

Class names

Class	Description	! support
hbox	display: flex; flex-direction: row;	No
sm:hbox	display: flex; flex-direction: row; from the sm breakpoint upward.	No
md:hbox	display: flex; flex-direction: row; from the md breakpoint upward.	No
lg:hbox	display: flex; flex-direction: row; from the lg breakpoint upward.	No
xl:hbox	display: flex; flex-direction: row; from the xl breakpoint upward.	No
vbox	display: flex; flex-direction: column;	No
sm:vbox	display: flex; flex-direction: column; from the sm breakpoint upward.	No
md:vbox	display: flex; flex-direction: column; from the md breakpoint upward.	No
lg:vbox	display: flex; flex-direction: column; from the lg breakpoint upward.	No
xl:vbox	display: flex; flex-direction: column; from the xl breakpoint upward.	No
flex	display: flex;	No
sm:flex	display: flex; from the sm breakpoint upward.	No
md:flex	display: flex; from the md breakpoint upward.	No
lg:flex	display: flex; from the lg breakpoint upward.	No
xl:flex	display: flex; from the xl breakpoint upward.	No
grid	display: grid;	No
block	display: block;	No
sm:block	display: block; from the sm breakpoint upward.	No
md:block	display: block; from the md breakpoint upward.	No
lg:block	display: block; from the lg breakpoint upward.	No
xl:block	display: block; from the xl breakpoint upward.	No
inline	display: inline;	No
inline-block	display: inline-block;	No
inline-flex	display: inline-flex;	No
hidden	display: none;	Yes
sm:hidden	display: none; from the sm breakpoint upward.	No
md:hidden	display: none; from the md breakpoint upward.	No
lg:hidden	display: none; from the lg breakpoint upward.	No
xl:hidden	display: none; from the xl breakpoint upward.	No
sr-only	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0;	No