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>

希望这有帮助。

下拉菜单，在bootstrap中有一个子下拉菜单

1 个答案: