我们或多或少都可以在自适应页面用到，而且非常方便，实现某个元素只在PC显示 而且 其他...显和隐藏：
要隐藏的元素，只需要对任何响应屏幕变化使用.d-none这个class即可
语法：
.d-{sm,md,lg,xl}-none
要给给定的屏幕尺寸隔上显示元素，可以将一个.d-*-none类 与 一个.d-*-*类 组合使用，例如：
.d-none .d-md-block .d-xl-none
上面这就是说 md 【768px】以上 就显示 xl【1200px】以上 又隐藏
给个图 和 例：
google 中毒了 换一个google先
原文：https://www.cnblogs.com/bi-hu/p/14854905.html