Display

Set the display box type of an element.

This feature is well established and works across many devices and browser versions.

Chrome

Edge

Firefox

Safari

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

display: none;

d-t

display: table;

d-tc

display: table-cell;

d-tco

display: table-column;

d-tr

display: table-row;

Prefix a class with a breakpoint to apply it from that width up.

Prefix a class with a state to apply it only while that state matches.