自动下拉菜单中有一个子下拉菜单 [英] dropdown menu that has a sub-dropdown menu in bootstrap
本文介绍了自动下拉菜单中有一个子下拉菜单的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我是自动引导的新功能,我的下拉菜单中有一个问题,有一个子下拉菜单。我尝试运行这段代码,但似乎不能正常工作。
< div class =tabbable mainMenu visible-phone btn-group >
< a class =btn dropdown-toggledata-toggle =dropdownhref =#>
菜单
< span class =caret>< / span>
< / a>
< ul class =dropdown-menu>
< li>< a href =#>子菜单1< / a>< / li>
< li>
< a class =dropdown-toggledata-toggle =dropdownhref =#>
Menu Down
< span class =caret>< / span>
< / a>
< ul class =dropdown-menu>
< li>子菜单1< / li>
< / ul>
< / li>
< / ul>
< / div>
当我点击菜单
下拉菜单然后当我点击菜单Down
它没有显示其子下拉菜单,但下拉菜单已经消失。
我的代码中有没有错误?任何帮助将不胜感激...感谢提前
解决方案
我想你必须添加类.dropdown-submenu到li你要保留子菜单。
如下所示:
< li class =dropdown-submenu>
< a class =dropdown-toggledata-toggle =dropdownhref =#>
Menu Down
< span class =caret>< / span>
< / a>
< ul class =dropdown-menu>
< li>子菜单1< / li>
< / ul>
< / li>
希望这有帮助。
I am new with bootstrap, and I have a problem in my dropdown menu to have a sub-dropdown menu. I try to run this code but it seems not working.
<div class="tabbable mainMenu visible-phone btn-group">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
Menu
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#">Submenu 1</a></li>
<li>
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
Menu Down
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li>Submenu 1</li>
</ul>
</li>
</ul>
</div>
when I click the Menu
it shows the dropdown menus then when I click the Menu Down
it didn't show its sub-dropdown menu but the dropdown menu were gone.
did I do something wrong in my code? any help will be appreciated.. thanks in advance
解决方案
I think you have to add class ".dropdown-submenu" to the "li" where you are going to keep the submenu. It's shown below:
<li class="dropdown-submenu">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
Menu Down
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li>Submenu 1</li>
</ul>
</li>
Hope this helps.
这篇关于自动下拉菜单中有一个子下拉菜单的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文