Display/hide div 取决于设备宽度

Question

如果屏幕宽度为 over/under 特定值，是否可以隐藏带（或不带）Bootstrap 4 的 div？它需要 javascript 吗？更具体地说，我正在寻找隐藏特定文本（我发现在移动屏幕上无用）。我试过类和 "hidden-sm-up" 一样，但我无法让它工作。抱歉，如果这是一个基本问题...

Answer 1

CSS 中的媒体查询正是您要查找的内容。

.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

Display/hide div 取决于设备宽度

Display/hide div depending on device width

css

html

twitter-bootstrap-4-beta