Question

当尝试调整到Bootstrap 3时，我遇到了以下问题。

当我点击名为F的按钮时，我希望显示Home和Not Home，但目前不会显示。

This是我正在学习的视频。

<div class= "navbar navbar-inverse navbar-static-top">
    <div class="container">
        <a class= "navbar-brand">Jackdh</a>
        <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> F 
        </button>
        <div class ="collapse navbar-collapse navHeaderCollapse">
            <ul class = "nav navbar-nav navbar-right">
                <li><a href="#">Home</a></li>
                <li><a href="#">Not Home</a></li>
            </ul>   
        </div>
    </div>
</div>

Answer 1

我很确定您忘记添加bootstrap.js和jquery。其中包括everything works for me。

Answer 2

@op（原创海报）

马塞尔的回答给了我一个线索所以我检查了我的脚本标签

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

我忘了添加bootstrap javascript文件夹“js /”

使用此脚本标记一切正常。

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

@ Marcel - 由于缺乏声誉，我无法对你的答案进行投票！

Answer 3

您忘记在容器后添加navbar-header div，试试这个！

` 牌

        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
    </div>`

Bootstrap 3简单的下拉列表无法正常工作

3 个答案: