Displays

Atomic classes for managing an element’s display properties.

Classes

🔗
Class CSS Responsiveness
.d-block display: block; Y
.d-grid display: grid; Y
.d-inline-grid display: inline-grid; Y
.d-inline display: inline; Y
.d-inline-block display: inline-block; Y
.d-flex display: flex; Y
.d-inline-flex display: inline-flex; Y
.d-none display: none; Y
.d-table display: table; Y
.d-table-row display: table-row; Y
.d-table-cell display: table-cell; Y
.d-unset display: unset; Y

Customization

Override display variables:

$displays: block, grid, inline-grid, inline, inline-block, flex, inline-flex, none, table, table-cell, table-row, unset;