Background Borders Display Flex Float Interactions Link Object fit Others Position Sizing Spacing Text Thumbnail Visibility z-index

Display medium screens (display_medium)

Display: none on medium screens and above (d-md-none)

Display: inline on medium screens and above (d-md-inline)

Display: inline-block on medium screens and above (d-md-inline-block)

Display: block on medium screens and above (d-md-block)

Display: grid on medium screens and above (d-md-grid)

Display: inline grid on medium screens and above (d-md-inline-grid)

Display: table on medium screens and above (d-md-table)

Display: table-cell on medium screens and above (d-md-table-cell)

Display: table-row on medium screens and above (d-md-table-row)

Display: flex on medium screens and above (d-md-flex)

Display: inline-flex on medium screens and above (d-md-inline-flex)
<p class="d-md-none">Display: none on medium screens and above (d-md-none)</p> <p class="d-md-inline">Display: inline on medium screens and above (d-md-inline)</p> <p class="d-md-inline-block">Display: inline-block on medium screens and above (d-md-inline-block)</p> <p class="d-md-block">Display: block on medium screens and above (d-md-block)</p> <p class="d-md-grid">Display: grid on medium screens and above (d-md-grid)</p> <p class="d-md-inline-grid">Display: inline grid on medium screens and above (d-md-inline-grid)</p> <p class="d-md-table">Display: table on medium screens and above (d-md-table)</p> <p class="d-md-table-cell">Display: table-cell on medium screens and above (d-md-table-cell)</p> <p class="d-md-table-row">Display: table-row on medium screens and above (d-md-table-row)</p> <p class="d-md-flex">Display: flex on medium screens and above (d-md-flex)</p> <p class="d-md-inline-flex">Display: inline-flex on medium screens and above (d-md-inline-flex)</p>