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} for sm to xl
  • .d-{breakpoint}-{value} for sm, md, lg,and xl.

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