Question

如何将选项卡UI变成下拉菜单？我将下面的引导导航栏固定在底部，带有2个子菜单项（第1页和第2页）。但是，当我单击“一个”时，它不会显示子菜单项。 Here是页面，视图源代码显示了所使用的样式和js。谢谢。

     <nav class="navbar navbar-inverse fixed-bottom">

        <ul class="nav navbar-nav" id="tabs">
            <li class="active"><a href="#">Home</a></li>
            <li class="dropdown"><a href="#" name="tab1" class="dropdown-toggle" type="button" data-toggle="dropdown">One</a>
                <ul class="dropdown-menu">
                    <li><a href="#">page 1</a></li>
                    <li><a href="#">page 2</a></li>
                </ul>
            </li>
            <li><a href="#" name="tab2">Two</a></li>
            <li><a href="#" name="tab3">Three</a></li>
            <li><a href="#" name="tab4">Four</a></li>

        </ul>

    </nav>

Answer 1

尝试一下。

<ul class="nav navbar-nav" id="tabs">
    <li class="active"><a href="#">Home</a></li>
    <li class="dropup"><a href="#" name="tab1" class="dropdown-toggle" type="button" data-toggle="dropdown">One</a>
         <ul class="dropdown-menu">
             <li><a href="#">page 1</a></li>
             <li><a href="#">page 2</a></li>
         </ul>
    </li>
    <li><a href="#" name="tab2">Two</a></li>
    <li><a href="#" name="tab3">Three</a></li>
    <li><a href="#" name="tab4">Four</a></li>
</ul>

我在class="dropdown-toggle" type="button" data-toggle="dropdown"标签上添加了<a>。

导航栏不显示子菜单

1 个答案: