twitter-bootstrap-3 - Bootstrap 3 hidden-xs 类隐藏列无论大小

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;