twitter-bootstrap - 仅使用 Bootstrap 在移动屏幕上折叠 div/元素。示例图片

Question

是否可以使用 Bootstrap 折叠侧边栏 div - 仅在手机上？我将如何做类似图像中的示例的事情？因此，在手机上，侧边栏会折叠并在单击时展开。我不明白媒体查询如何允许我这样做，因为涉及到 jquery。

http://i46.tinypic.com/2mzxflu.jpg

在这里看到了一些类似的问题，但没有完全像这样。有人可以解释或至少指出我正确的方向吗？提前致谢。

Answer 1

我最终偶然发现了这个问题并为它添加了一个 CSS 类:

.collapse-non-md {
    height: 0;
    display: none;
}
.collapse-non-md.collapsing {
    display: block;
}

@media (min-width: 992px) {
    .collapse-non-md {
        height: auto;
        display: block;
    }
}

然后我将我想要在中等以下屏幕上折叠的元素的类设置为 collapse-non-md瞧，它在小型浏览器上折叠并在中型浏览器上打开。它仍然可以以正常方式打开和关闭( .in 类覆盖 .collapse-non-md )。