Question

我在页面上有两个主要的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将一直显示。知道我做错了吗？

Answer 1

4.0.0-beta已不再hidden-*，请参阅Migrating to v4：

我们的响应式实用程序类基本上已被删除，转而使用显式的显示实用程序。

.hidden和.show类已被删除，因为它们与jQuery的$（...）。hide（）和$（...）。show（）方法冲突。相反，尝试切换[hidden]属性或使用内联样式，如style =＆＃34; display：none;＆＃34;和style =＆＃34; display：block;＆＃34;。

隐藏中/小分辨率的div

1 个答案: