What this Bootstrap Utility API class does
Set the CSS display property of an element. The CSS property display is used to control how an element is displayed on a web page. It determines the type of box that an element generates, such as a block-level box, an inline box, or a table.
The display utility is responsive and can be applied by breakpoint: .d-{breakpoint}-{value}.
Example usage & available classes
<div class="d-none">...</div>
<div class="d-inline">...</div>
<div class="d-inline-block">...</div>
<div class="d-block">...</div>
<div class="d-grid">...</div>
<div class="d-table">...</div>
<div class="d-table-cell">...</div>
<div class="d-table-row">...</div>
<div class="d-flex">...</div>
<div class="d-inline-flex">...</div>
Example override
In the example override below, we are adding the additional value of "inherit".
"display": map-merge(
map-get($utilities, "display"),
(
values: append(
map-get(map-get($utilities, "display"), "values"), inherit
)
)
)