twitter-bootstrap - 根据水平浏览器视口(viewport)隐藏 div

Question

我使用带有流体布局(响应式设计)的 Twitter 的 Bootstrap 2，如果浏览器的水平尺寸小于 800 像素，我想隐藏一个 div 框。

我怎样才能做到？

Answer 1

您可以将自定义类应用于您希望隐藏的元素并添加 display:none属性以将其隐藏在 @media 中针对您选择的宽度的查询，如下所示:

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

只要确保将 @media在自定义样式表的末尾进行查询。