# Display

• responsive: true

# format

d-{state}

• allowed {state} value:
  none, flex, block, grid, table, inline-block, inline-flex, inline, table-cell, table-row

# Example

to hide an DOM by css, easily use d-none

<div class="container">
  "p" will be hidden below~
  <p class="d-none">Content will be hide</p>
</div>

# format

d-{breakpoint}-{state}

# Example

use breakpoints to hide elements in PC as following:

<div class="container">
  "p" will be shown only when screen size over~
  <p class="d-none d-lg-block">Content will be hide</p>
</div>