d-* (display)
class
Control display property at any breakpoint. Values: none, block, inline, inline-block, flex, grid, table.
Syntax
class="d-none d-md-block"
Example
html
<!-- Hide on mobile, show on medium+ -->
<div class="d-none d-md-block">Desktop only</div>
<!-- Show on mobile, hide on medium+ -->
<div class="d-block d-md-none">Mobile only</div>
<!-- Flexbox container -->
<div class="d-flex align-items-center gap-2">
<span>Icon</span><span>Text</span>
</div>