在bootstrap中具有子下拉菜单的下拉菜单

Question

我是bootstrap的新手，在我的下拉菜单中有一个问题，那就是有一个子下拉菜单。我试着运行这段代码，但它似乎不工作。

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

当我单击Menu时，它会显示下拉菜单，然后当我单击Menu Down时，它不会显示其子下拉菜单，但下拉菜单会消失。

我是不是在代码中做错了什么？任何帮助都将不胜感激..提前感谢

Answer 1

我认为您必须将".dropdown- submenu“类添加到要保存子菜单的"li”中。如下所示：

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

希望这能有所帮助。