twitter-bootstrap – Bootstrap 3.1 visible-xs和visible-sm不

发布时间：2020-12-18 00:07:28 所属栏目：安全来源：网络整理

导读：我有一个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，但

我有一个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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!