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

Question

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

我怎样才能做到？

Answer 1

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

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

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