可见-xs-block 不工作

Question

我正在使用引导程序创建一个站点，并且我希望某些 div 仅在超小型设备中显示，我在我的 div 中使用visible-xs-block 类，但不工作。

现在有人为什么不工作了？

这是我的代码：

<div class="search-block-wrapper visible-xs-block">
     <div class="search-block">
        <input type="text" class="search-block-input form-control" placeholder="Search..."/>
     </div>
</div>

但是，这个 div 仍然以较大的宽度显示。

而且，如果我使用hidden-sm, hidden-md, and hidden-lg 代替visible-xs-block，一切正常。

Answer 1

为什么不工作？所有工作。检查！尝试更改大小窗口！ http://jsfiddle.net/9EQeg/166/

<div class="search-block-wrapper visible-xs-block">
    <div class="search-block">
        <input type="text" class="search-block-input form-control" placeholder="Search..."/>
    </div>
</div>

如果你不会使用这个解决方案，使用 hidden-sm hidden-md hidden-lg

xs - 超小型设备电话 (