Display property

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.

1
2
<div class="d-inline bg-success">Inline</div>
<div class="d-inline bg-success">Inline</div>
1
<span class="d-block bg-primary">Block</span>
1
2
3
4
5
6
7
8
<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>
doc_bootstrap
2025-01-10 15:47:30
Comments
Leave a Comment

Please login to continue.