Display property

Names of classes match to the following formula

d{-breakpoint}{-display_value}

Where the display_value corresponds to value of the css display property:

  • none
  • inline
  • inline-block
  • block
  • table
  • table-cell
  • table-row
  • flex
  • inline-flex
<!-- Hides block on extra small screen,
and show as block on other screens. -->
<div class=".d-none .d-sm-block">...</div>