Question

hidden-xs和visible-xs类对我不起作用。它们要么隐藏所有尺寸的元素，要么以各种尺寸显示。还有其他人遇到过这个问题吗？

我的代码根本没有什么特别之处。以下是一个不起作用的示例：

<ul class="dot-nav visible-xs">
  <li><div class="dot-nav-dot"></div></li>
  <li><div class="dot-nav-dot"></div></li>
  <li><div class="dot-nav-dot"></div></li>
  <li><div class="dot-nav-dot"></div></li>
  <li><div class="dot-nav-dot"></div></li>
</ul>

唯一的造型就是

display:none;

Answer 1

回答了我自己的问题。

我们正在使用bootstrap-sass，因此我们可以在响应性中覆盖断点。由于某种原因，xs被设置为最大宽度4999px。我们将它改写为更小。

我们正在使用bootstrap sass在Rails中工作，这使得很容易禁用响应。我们只是将它添加到application.css中以设置我们自己的断点：

$screen-lg-min: 5000px;
$screen-sm-min: 5000px;
$screen-md-min: 600px;
$screen-xs-max: 599px;

无论大小如何，Bootstrap 3 hidden-xs类隐藏列

1 个答案: