Skip to main content
There's a newer version of Bootstrap 4!

Utilities

Bootstrap includes dozens of utilities—classes with a single purpose to reduce the frequency of highly repetitive declarations.

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