Display
Controls the display box type of an element.
| Class | Properties |
|---|---|
| d-b | display: block; |
| d-f | display: flex; |
| d-fr | display: flow-root; |
| d-g | display: grid; |
| d-i | display: inline; |
| d-ib | display: inline-block; |
| d-if | display: inline-flex; |
| d-ig | display: inline-grid; |
| d-it | display: inline-table; |
| d-t | display: table; |
| 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.
<div class="d-none md:d-b ..."></div>Using variants
Using :hover variants such as h:d-* allows you to override elements and change their values when hovering over them.
<div class="d-none h:d-b ..."></div>