Skip to content

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.

<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>