twitter-bootstrap – Bootstrap 3.1 visible-xs和visible-sm不能一起工作

我有一个div，我想在sm和xs设备上显示，它看起来像这样：

<div class="col-xs-4 col-sm-4 visible-xs visible-sm">
   <a href="#">Item 1</a>
   <a href="#">Item 2</a>
   <a href="#">Item 3</a>
</div>

我的引导从cdn加载，没有任何自定义。

这应该是在类上显示这个div xs和sm，但结果是sm类显示：none！important是覆盖xs显示：block！重要的当你去浏览器的xs大小。

我试图找出引导文档，但他们只有一个表，没有解释如何使用多个可见性参数在同一个div。

解决方法

如果你想要以多种尺寸显示它，不要使用visible- *，而是隐藏你不想使用hidden- *的其他尺寸。 在这种情况下：hidden-md hidden-lg