隐藏div取决于水平browserviewport

Question

我使用具有流畅布局(响应式设计)的Twitter的Bootstrap 2,并且如果浏览器的水平尺寸小于800px,则想要隐藏div框.

我该怎么做？

Answer 1

您可以将自定义类应用于要隐藏的元素,并向其添加display:none属性以将其隐藏在以@media您选择的宽度为目标的查询中,如下所示:

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

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