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.

Inline

<div class="d-inline bg-success">Inline</div>
<div class="d-inline bg-success">Inline</div>

Block

<span class="d-block bg-primary">Block</span>

inline-block

Boot that strap!

inline-block

Strap that boot!

<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>