Javascript TwitterBootstrap 2.1.0子菜单在屏幕上看起来很凌乱

我正在使用Twitter Bootstrap 2.1.x，并且已经能够在这里应用多级子菜单：

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

我想知道：当折叠菜单按钮触发时，是否有任何功能可以折叠所有菜单？（当用户单击子菜单时，子菜单应处于打开状态。）

请告诉我你对此的想法。

---

谢谢。

一种方法是添加一些响应性风格

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

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

---

在这里您可以找到一个

嗨。。。你的演示很有效。。我尝试在我的html中添加css，为什么它不起作用？任何想法。。请检查。。。此外，在mobile/tablet中可能没有悬停事件，单击事件是否取代了解决方案中的悬停事件？我猜您的新样式会被

css/bootstrap responsive.min.css

覆盖。尝试在

css/bootstrap responsive.min.css

include之后包含

@介质（最大宽度：979px）

部分。