自动下拉菜单中有一个子下拉菜单 [英] dropdown menu that has a sub-dropdown menu in bootstrap

查看:113
本文介绍了自动下拉菜单中有一个子下拉菜单的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我是自动引导的新功能,我的下拉菜单中有一个问题,有一个子下拉菜单。我尝试运行这段代码,但似乎不能正常工作。

 < 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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆