Twitter Bootstrap 2.1.0子菜单在Responsive上看起来很混乱

Twitter Bootstrap 2.1.0 Submenu Looks Messy on Responsive

本文关键字：Responsive 看起来 混乱 菜单 Bootstrap Twitter      更新时间：2023-09-26

我正在使用Twitter Bootstrap 2.1.x，并且已经能够在这里使用多级子菜单：带有引导程序的简单多级菜单2.1.x.

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

我想知道：当折叠菜单按钮被触发时，是否有任何功能可以全部折叠？（当用户点击子菜单时，它应该是打开的。）

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

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

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

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

在这里你可以找到一个演示-jsfiddle（BT 2.0.2）

相关文章：