Display property on Bootstrap 5.3.6
Posted by Cătălin on Fri, 16 May 2025
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 |
Archives
- May 2025 1
- May 2023 1
- April 2023 1
- March 2023 3
- January 2020 1
- November 2019 1
- September 2019 1
- April 2018 2
- February 2018 1
- January 2018 3
- December 2017 2
- November 2017 2
- October 2017 2
- September 2017 1
- July 2017 2
- June 2017 2
- May 2017 1
- March 2017 2
- February 2017 2
- January 2017 2
- November 2016 1
- October 2016 4
- August 2016 1
- April 2016 1
- June 2015 1
- May 2015 2
- April 2015 1
- December 2014 1
- October 2014 2
- September 2014 1
- July 2014 2
- June 2014 1
- March 2014 1
- February 2014 2
- January 2014 2
- December 2013 2
- October 2013 2
- September 2013 2
- July 2013 2
- June 2013 1
- March 2013 1
- February 2013 3
- January 2013 1
- December 2012 1
- November 2012 1
- September 2012 1
- August 2012 2
- April 2012 1
- August 2011 2
- July 2011 2
- January 2011 1
- October 2010 5
- August 2010 2
- July 2010 3
- May 2010 1
- April 2010 5
- March 2010 3
- February 2010 2