javascript - Twitter Bootstrap 2.1.0 响应式子菜单看起来很困惑

标签 javascript jquery twitter-bootstrap

我正在使用 Twitter Bootstrap 2.1.x,并且已经能够使用多级子菜单,正如我在此处申请的那样: Simple Multilevel Menu With Bootstrap 2.1.x .

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

我想知道:有没有什么功能可以在触发折叠菜单按钮时全部折叠起来? (当用户单击它时,子菜单应该打开。)

请让我知道您对此的想法。 谢谢。

最佳答案

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

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

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

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

关于javascript - Twitter Bootstrap 2.1.0 响应式子菜单看起来很困惑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12356562/

相关文章:

jquery - 如何在 Bootstrap 列中禁用垂直滚动

javascript - 避免第二次 ajax 调用的好方法

php - 当不同文件的内容发生变化时,如何刷新 HTML 文件?

javascript - 如何在此现有循环中添加额外循环

jquery - 网站在 Firefox 中加载缓慢

c# - 使用 Bootstrap 回发后恢复选定的选项卡

jquery - 如何在 jquery 数据表的每一行上添加一个下拉按钮

javascript - jQuery - 如何检查页面上可用的 javascript?

javascript - 防止函数 onkeydown javascript

javascript - 在可放置的背景中保持图像大小