我正在使用 Twitter Bootstrap 2.1.x 并且已经能够使用我在这里申请的多级子菜单: Simple Multilevel Menu With Bootstrap 2.1.x。
但是当它崩溃时,问题就出现了。默认视图是全部展开。这看起来不太好,因为菜单会覆盖 iPhone 上的整个屏幕。
我想知道:当折叠菜单按钮触发时,是否有任何功能可以全部折叠?(当用户点击它时,子菜单应该是打开的。)
请让我知道您对此的想法。谢谢。
我正在使用 Twitter Bootstrap 2.1.x 并且已经能够使用我在这里申请的多级子菜单: Simple Multilevel Menu With Bootstrap 2.1.x。
但是当它崩溃时,问题就出现了。默认视图是全部展开。这看起来不太好,因为菜单会覆盖 iPhone 上的整个屏幕。
我想知道:当折叠菜单按钮触发时,是否有任何功能可以全部折叠?(当用户点击它时,子菜单应该是打开的。)
请让我知道您对此的想法。谢谢。
一种方法是添加一些响应式样式。
@media (max-width: 979px){
.dropdown-submenu .dropdown-menu{
display: none;
}
}
这可确保您的子菜单在折叠模式下隐藏。如果您将鼠标悬停(或在 Bootstrap 2.1 中单击)它们将通过基本的引导下拉菜单样式和 js 显示。
在这里你可以找到一个演示 - jsfiddle (BT 2.0.2)