Display
Controls the display box type of an element.
Class | Properties |
---|---|
d-b | display: block; |
d-i | display: inline; |
d-ib | display: inline-block; |
d-f | display: flex; |
d-if | display: inline-flex; |
d-g | display: grid; |
d-fr | display: flow-root; |
d-none | display: none; |
Using breakpoints
Using responsive breakpoints like sm:d-*
, md:d-*
, lg:d-*
, and xxl:d-*
allows targeting specific utilities in different viewports.
Using variants
Using :hover
variants such as h:d-*
allows you to override elements and change their values when hovering over them.