Display Utilities

XS

Portrait Phones
<576px

SM

Landscape Phones
≥576px to <768px

MD

Tablets
≥768px to <992px

LG

Laptops
≥992px to <1200px

XL

Desktops
≥1200px

Display Properties

.d-* = d-{none, inline, inline-block, block, table, table-cell, flex, inline-flex}
normal div = block level element
normal div = block level element
normal div = block level element | d-inline
normal div = block level element | d-inline
normal div = block level element | d-inline-block
normal div = block level element | d-inline-block
normal span = inline element normal span = inline element | d-block

Display Properties

(with breakpoints)
.d-{breakpoint}-* = d-{sm, md, lg, xl}-{none, inline, inline-block, block, table, table-cell, flex, inline-flex}
span tag at different breakpoints

Display None

(hiding elements at different breakpoints)
.d-{breakpoint}-* = d-{sm, md, lg, xl}-{none, inline, inline-block, block, table, table-cell, flex, inline-flex}
span tag at different breakpoints

XS

Portriat Phones
<576px

SM

Landscape Phones
≥576px to <768px

MD

Tablets
≥768px to <992px

LG

Laptops
≥992px to <1200px

XL

Desktops
<1200px