Display property
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>
Please login to continue.