Utilities for display property.
Using d-[*], you can control display box type of an element.
Placed within a paragraph, a tiny orange span element resides.
Placed within a paragraph, a tiny orange span element resides.
Placed within a paragraph, a tiny orange span element resides.
Placed within a paragraph, an inline flex box
Placed within a paragraph, an inline grid box
Here's list of available utilites for display:
| utility | CSS |
|---|---|
| d-none | display: none; |
| d-inline | display: inline; |
| d-block | display: block; |
| d-inline-block | display: inline-block; |
| d-flex | display: flex; |
| d-inline-flex | display: inline-flex; |
| d-grid | display: grid; |
| d-inline-grid | display: inline-grid; |
| d-table | display: table; |
| d-inline-table | display: inline-table; |
| d-table-caption | display: table-caption; |
| d-table-cell | display: table-cell; |
| d-table-column | display: table-column; |
| d-table-column-group | display: table-column-group; |
| d-table-footer-group | display: table-footer-group; |
| d-table-header-group | display: table-header-group; |
| d-table-row-group | display: table-row-group; |
| d-table-row | display: table-row; |
| d-flow-root | display: flow-root; |
| d-contents | display: contents; |
| d-list-item | display: list-item; |
| d-none | display: none; |
On this page