多个下拉导航 bootstrap

Question

我正在尝试在 bootstrap 中创建多个下拉菜单，但没有显示第 3 级。这个导航的要点是，当你点击第一层时，第二层弹出，在这一层应该有 3 个项目。这些项目应该有一个下拉列表，但它们没有显示。 (导航为xs模式)

这是我的导航栏代码：

<ul class="nav navbar-nav visible-xs" id="top-menueen">
    <li>
        <a href="#"><i class="fa fa-home fa-fw fa-2x"></i> <span>Home</span></a>
    </li>
    <li>
        <a href="#"><i class="fa fa-newspaper-o fa-fw fa-2x"></i> <span>News</span></a>
    </li>
    <li class="dropdown">
        <a data-toggle="dropdown" class="dropdown-toggle" href="#"><i class="fa fa-bar-chart fa-fw fa-2x"></i>Statistics <b class="caret"></b></a>
        <ul role="menu" class="dropdown-menu">
            <li class="dropdown">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">A<b class="caret"></b></a>
                    <ul role="menu" class="dropdown-menu">
                        <li><a href="#">A.A</a></li>
                    </ul>
            </li>
            <li><a href="#">B</a></li>
            <li><a href="#">C</a></li>
        </ul>
    </li>
    <li class="dropdown">
        <a data-toggle="dropdown" class="dropdown-toggle" href="#"><i class="fa fa-user fa-fw fa-2x"></i>People <b class="caret"></b></a>
        <ul role="menu" class="dropdown-menu">
            <li><a href="#">D</a></li>
            <li><a href="#">E</a></li>
            <li><a href="#">F</a></li>
        </ul>
    </li>
</ul>

Answer 1

看看这个 link： http://bootsnipp.com/snippets/featured/multi-level-dropdown-menu-bs3

我认为这对你有很大帮助。

编辑：抱歉，我刚刚看到您正在使用 "visible-xs"，所以我猜这是为移动设备制作的。

如果您将其用于移动设备，请尝试使用 javascript / jquery 进行设置，如下所示：http://www.bootply.com/nZaxpxfiXz

多个下拉导航 bootstrap

Multiple dropdown nav bootstrap

html

navbar

drop-down-menu