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

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 根据水平浏览器视图隐藏div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用Twitter的Bootstrap 2与流体布局(响应式设计),并希望隐藏一个div-Box如果浏览器的水平尺寸小于800像素.

我该怎么做?

解决方法

您可以将自定义类应用于要隐藏的元素,并添加一个display:none属性以将其隐藏在定位所选宽度的@media查询中,如下所示:
@media (max-width: 800px) {
    .hidden-800 {
        display:none !important;
    }
}

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

原文链接:https://www.f2er.com/bootstrap/233979.html

猜你在找的Bootstrap相关文章