在中/小分辨率上隐藏div

我在页面上有两个主要div，如果用户来自平板电脑/手机，我想隐藏它们。在中/小分辨率上隐藏div

基于documentation我想是这样的：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous"> 
 
<div class="contrainer row"> 
 
    <div class="col-lg-6 col-md-12"> 
 
    SHOW ME ALWAYS! 
 
    </div> 
 
    <div class="col-lg-6 hidden-md-down"> 
 
    HIDE ME ON SMALL 
 
    </div> 
 
</div>

遗憾的是它不工作。第二个div将一直显示。任何想法我做错了什么？

来源

2017-10-07 Andurit

文档链接指向'alpha'，而您所包含的CSS是'beta' – Bill

使用'bootstrap/4.0.0-alpha.6'版本，所以您可以使用'hidden-md-down '班。在测试版本中，这是不可能的。 –

4.0.0-beta不再有hidden-*，看到Migrating to v4：

我们响应实用工具类基本上都被有利于明确显示公用事业删除。因为它们与jQuery的$（...）。hide（）和$（...）。show（）方法冲突，因此.hidden和.show类已被删除。相反，尝试切换[hidden]属性或使用内联样式，如style =“display：none;”和style =“display：block;”。

来源

2017-10-07 11:01:01 Bill

谢谢，不知何故，我错过了。所以没有办法通过基于屏幕分辨率的纯CSS来做到这一点？ – Andurit

还有，就是现在'显示'而不是'隐藏'。请参阅[此迁移]（https://getbootstrap.com/docs/4.0/migration/#utilities）。 – Bill

在中/小分辨率上隐藏div

回答

相关问题