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

查看此链接： http://bootsnipp.com/snippets/featured/multi-level-dropdown-menu-bs3

我认为这应该对你有所帮助。

编辑：抱歉，我刚刚看到您使用的是“visible-xs”，所以我猜这是针对移动设备的。

如果您在移动设备上使用此功能，请尝试使用javascript / jquery进行设置：http://www.bootply.com/nZaxpxfiXz

多个下拉导航引导程序

1 个答案: