Question

我在使用导航栏切换时遇到问题。出于某种原因，我的导航栏切换项目需要两次点击才能启动。我可以为您提供您需要的任何代码，但我不确定是什么导致了这个问题。

<nav class="navbar navbar-static-top" role="navigation">

    <div class="navbar-right">

        <ul class="nav navbar-nav" style="font-family:Lato;">

            <li class="dropdown user user-menu" ng-show="user">

                <a  class="dropdown-toggle" data-toggle="dropdown">

我从代码中删除了部分，我没有显示结束标记或任何角度。

请帮忙！

Answer 1

它工作得很好，你确定你的引导程序是最新的吗？使用您提供的代码查看此示例：http://jsfiddle.net/wnd2xccr/1/

HTML：

<nav class="navbar navbar-static-top" role="navigation">
    <div class="navbar-right">
       <ul class="nav navbar-nav" style="font-family:Lato;">
           <li class="dropdown user user-menu" ng-show="user">
               <a  class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
               <ul class="dropdown-menu" role="menu">
                   <li><a href="#">Action</a></li>
                   <li><a href="#">Another action</a></li>
                   <li><a href="#">Something else here</a></li>
                   <li class="divider"></li>
                   <li><a href="#">Separated link</a></li>
                   <li class="divider"></li>
                   <li><a href="#">One more separated link</a></li>
               </ul>
           </li>
       </ul>
   </div>
</nav>

Answer 2

更改bootstrap.min.js文件和bootstrap.min.css文件的位置。应该首先是js文件，之后应该是css文件。

Answer 3

您可能已经两次将bootstrap.min.js文件添加到页面中。

双击Bootstrap Navbar切换

3 个答案: