Question

我正在创建一个带有引导程序的网站，我想要一些div仅在超小型设备中显示，我使用visible-xs-block类我的div，但不要工作

现在为什么不工作呢？

这是我的代码：

<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 - 超小型设备电话（＆lt; 768px）

visible-xs-block无效

1 个答案: