twitter-bootstrap – 根据水平浏览器视图隐藏div

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

导读：我使用Twitter的Bootstrap 2与流体布局(响应式设计),并希望隐藏一个div-box如果浏览器的水平尺寸小于800像素. 我该怎么做？解决方法您可以将自定义类应用于要隐藏的元素,并添加一个display：none属性以将其隐藏在定位所选宽度的@media查询中,如下所示： @m

我使用Twitter的Bootstrap 2与流体布局(响应式设计),并希望隐藏一个div-box如果浏览器的水平尺寸小于800像素.

我该怎么做？

解决方法

您可以将自定义类应用于要隐藏的元素,并添加一个display：none属性以将其隐藏在定位所选宽度的@media查询中,如下所示：

@media (max-width: 800px) {
    .hidden-800 {
        display:none !important;
    }
}

只需确保将@media查询方式放在自定义样式表的末尾.

（编辑：李大同）

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