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>

我已经包含以下引导程序库：

   <!-- 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>

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

1 个答案: