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