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

Question

我有一个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加载而没有任何自定义.

这应该在类上说明的xs和sm上显示这个div,但结果是当你在浏览器上转到xs size时,sm类display:none !important会覆盖xs display:block !important.

我试图找出bootstrap文档,但他们只有一个表没有解释如何在同一个div上使用多个可见性参数.

Answer 1

如果您想以多种尺寸显示它,请不要使用visible-*,而是隐藏您不想要的其他尺寸hidden-*.在这种情况下:hidden-md hidden-lg