javascript - Bootstrap 菜单无法下拉或使用 navbar-brand

Question

我已经坐了好几个小时，试图找到导致我的下拉菜单或图标(当移动设备友好时)无法向下切换菜单的小错误。

这是我的 html 输出:

 <div class="navbar navbar-default navbar-static-top">

    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a href="/" class="navbar-brand">Forside</a>
    </div>

    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
                <li class="dropdown">
                    <a href="/pladsen/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Pladsen <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                                <li><a href="/pladsen/servicebygninger/">Servicebygninger</a></li>
                    </ul>
                </li>
        </ul>

    </div>
</div>

我包含了以下 Bootstrap 库:

   <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="[https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css][1]">

<!-- Optional theme -->
<link rel="stylesheet" href="[https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css][2]">

<!-- Latest compiled and minified JavaScript -->
<script src="[https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js][3]"></script>

我希望得到关于这些东西的第二意见，希望能找到错误。

Answer 1

您还需要包含 Jquery 才能使其正常工作。

<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>