Display
Quickly toggle the display value of components and more with our display utilities.
Notation
Display utility classes that apply to all breakpoints, from sm
to xl
, have no breakpoint abbreviation in them. This is because those classes are applied from min-width: 0;
and up, and thus are not bound by a media query.
As such, the classes are named using the format:
.d-{value}
forsm
toxl
.d-{breakpoint}-{value}
forsm
,md
,lg
,andxl
.
Where value is one of: none
,inline
,inline-block
,block
, grid
, table
,table-cell
,table-row
,flex
and inline-flex
d-inline
d-inline
d-inline
d-inline
d-block
d-block
d-block
d-block>
On this page