【发布时间】：2017-12-09 08:59:31
【问题描述】：
如果屏幕宽度超过/低于特定值，是否可以使用（或不使用）Bootstrap 4 隐藏 div？它需要javascript吗？ 更具体地说，我正在寻找隐藏特定文本（我发现在移动屏幕上无用）。我尝试了像“hidden-sm-up”这样的课程，但我无法让它发挥作用。对不起，如果这是一个基本问题...
【问题讨论】：
标签： css html twitter-bootstrap-4-beta
【发布时间】：2017-12-09 08:59:31
【问题描述】：
CSS 中的媒体查询正是您所寻找的。p>
.mydiv{display:block; /*default behavior*/}
@media only screen and (max-width: 400px) {
.mydiv{display:none; /*hide div on all screens with 700 and lower width*/}
}
（尝试拖动 js 和输出块之间的分隔线） https://jsfiddle.net/qaabhmou/
您可以在这里找到更多信息： https://www.w3schools.com/css/css3_mediaqueries.asp https://www.w3schools.com/css/css3_mediaqueries_ex.asp
【讨论】：
-
为什么是 !important？
-
事实上，这并不是完全必要的，但我正在做一个项目，那里有很多媒体查询，而且真的很混乱......有时我这样做是为了确定这种风格将在那里。我承认，在像这样的简单示例中，没有必要。
-
已删除以防止对提问者的一些误导，为此坦克
-
谢谢！我不确定它的使用是否在可访问性方面存在争议，但它仍然是黑魔法；）