子菜单在bootstrap 3中不起作用

Question

我在bootstrap 3中创建一个非常简单的子级别项目下拉列表。

<div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">File</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Company</a></li>
                        <li class="dropdown">
                            <a href="#" data-toggle="dropdown" class="dropdown-toggle">Utilities<span class="pull-right">&raquo;</span></a>
                            <ul class="dropdown-menu">
                                <li>Item1</li>
                                <li>Item2</li>
                            </ul>
                        </li>
                        <li><a href="#">Services</a></li>
                     </ul>
                  </li>
            </ul>
</div>

我已经包含bootstrap.css，jquery.js和adn bootstrap.js。对于第一级它工作正常，但第二级不起作用。我不知道为什么。

Answer 1

Bootstrap 3.x不支持下拉子菜单。您可以通过添加更多css样式来实现它。

点击此链接https://stackoverflow.com/a/18024991/5488620 它可能对你有帮助。