Bootstrap includes dozens of utilities—classes with a single purpose to reduce the frequency of highly repetitive declarations.
Use .d-block, .d-inline, or .d-inline-block to simply set an element’s display property to block, inline, or inline-block (respectively).
To make an element display: none, use our responsive utilities instead.
<div class="d-inline bg-success">Inline</div>
<div class="d-inline bg-success">Inline</div><span class="d-block bg-primary">Block</span><div class="d-inline-block bg-warning">
<h3>inline-block</h3>
Boot that strap!
</div>
<div class="d-inline-block bg-warning">
<h3>inline-block</h3>
Strap that boot!
</div>