Twitter Bootstrap 2.1.0子菜单看起来很乱

时间:2012-09-10 17:22:13

标签: javascript jquery twitter-bootstrap

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

但问题在崩溃时出现。 默认视图为全部展开。这看起来不太好,因为菜单将覆盖iPhone上的整个屏幕。

我想知道:当崩溃菜单按钮被触发时,是否有任何功能可以折叠? (当用户点击子菜单时,子菜单应该打开。)

请让我知道你对此的看法。 感谢。

1 个答案:

答案 0 :(得分:2)

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

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

这可确保您的子菜单在折叠模式下隐藏。 如果你悬停(或点击Bootstrap 2.1),它们将通过基本的bootstrap下拉菜单样式和js显示。

您可以在这里找到Demo - jsfiddle (BT 2.0.2)