html - 在引导程序中有一个子下拉菜单的下拉菜单

Question

我是引导程序的新手，我的下拉菜单中有一个子下拉菜单的问题。我尝试运行此代码，但似乎无法正常工作。

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

希望这可以帮助。