Bootstrap 导航栏移动切换不工作

Question

当我缩小浏览器时，移动开关可见，但当我点击它时，它并没有展开。我不明白为什么会这样。

<nav class="navbar-default navbar-fixed-top" role="navigation">
    <div id="navbar">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
            </div>
            <div class="collapse navbar-collapse navbar-menubuilder">
                <ul class="nav navbar-right nav-pills">
                    <li class="dropdown"><a data-toggle="dropdown" class="dropdown-toggle" href="#portfolio">1 <b class="caret"></b></a>
                        <ul class="dropdown-menu " id="prtf">
                            <li><a href="#">1.1</a></li>
                            <li><a href="#">1.2</a></li>
                            <li><a href="#">1.3</a></li>
                        </ul>
                    </li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                </ul>
            </div>
        </div>
    </div>
</nav>

<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

<!-- bootstrap -->
<script src="bootstrap3/js/bootstrap.min.js"></script>

Answer 1

我将您的导航栏部分复制并粘贴到 jsfiddle，它似乎可以正常工作。我觉得可能是你的js文件路径不对。

jsFiddle: https://jsfiddle.net/AndrewL32/LrLffj2m/1/

请替换此行：

<script src="bootstrap3/js/bootstrap.min.js"></script>

有了这个：

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

Bootstrap 导航栏移动切换不工作

Bootstrap navbar mobile-toggle isn't working

html

navbar

twitter-bootstrap