javascript - Twitter Bootstrap 2.1.0 子菜单在响应式上看起来很乱

Question

我正在使用 Twitter Bootstrap 2.1.x 并且已经能够使用多级子菜单，因为我在这里申请: Simple Multilevel Menu With Bootstrap 2.1.x .

但是当它崩溃时，问题就出现了。 默认 View 是全部展开。这看起来不太好，因为菜单会覆盖 iPhone 的整个屏幕。

我想知道:是否有触发折叠菜单按钮时全部折叠的功能？ (子菜单应该在用户点击时打开。)

请告诉我您对此的看法。谢谢。

Answer 1

一种方法是添加一些响应式样式。

@media (max-width: 979px){
    .dropdown-submenu .dropdown-menu{
        display: none;
    }
}

这确保您的子菜单在折叠模式下隐藏。如果您将鼠标悬停(或在 Bootstrap 2.1 中单击)它们上方，它们将通过基本的 Bootstrap 下拉菜单样式和 js 显示。

在这里你可以找到一个 Demo - jsfiddle (BT 2.0.2)