Articles & Code Snippets


Display property on Bootstrap 5.3.6

For faster mobile-friendly development, use responsive display classes for showing and hiding elements by device. Avoid creating entirely different versions of the same site, instead hide elements responsively for each screen size.


Bootstrap Visibility Classes Table

Class XS
<576px
SM
≥576px
MD
≥768px
LG
≥992px
XL
≥1200px
XXL
≥1400px
d-none d-sm-block
hidden visible visible visible visible visible
d-none d-md-block
hidden hidden visible visible visible visible
d-none d-lg-block
hidden hidden hidden visible visible visible
d-none d-xl-block
hidden hidden hidden hidden visible visible
d-none d-xxl-block
hidden hidden hidden hidden hidden visible
d-block d-md-none
visible visible hidden hidden hidden hidden
d-block d-lg-none
visible visible visible hidden hidden hidden
d-block d-xl-none
visible visible visible visible hidden hidden
d-block d-xxl-none
visible visible visible visible visible hidden
web


Archives