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

Display large screens (display_large)

Display: none on large screens and above (d-lg-none)

Display: inline on large screens and above (d-lg-inline)

Display: inline-block on large screens and above (d-lg-inline-block)

Display: block on large screens and above (d-lg-block)

Display: grid on large screens and above (d-lg-grid)

Display: inline grid on large screens and above (d-lg-inline-grid)

Display: table on large screens and above (d-lg-table)

Display: table-cell on large screens and above (d-lg-table-cell)

Display: table-row on large screens and above (d-lg-table-row)

Display: flex on large screens and above (d-lg-flex)

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