Html 在引导中具有子下拉菜单的下拉菜单

我是新的引导，我有一个问题，在我的下拉菜单有一个子下拉菜单。我试图运行此代码，但它似乎不起作用

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

子菜单1

当我单击

菜单时，它会显示下拉菜单；当我单击
菜单时，它不会显示其子下拉菜单，但下拉菜单不见了

我的代码有没有做错什么？任何帮助都将不胜感激。。提前感谢
我想您必须将class“.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>



子菜单1



希望这能有所帮助。
你用过了吗？