为什么我的导航栏按钮不起作用我只是一个初学者，对不起...

问题描述

我只是一个初学者，正在尝试学习如何构建导航栏。我的代码有什么问题？为什么我的导航栏按钮不起作用？

<nav id="header-nav" class="navbar navbar-default">
    <div class="container">
            <div class="navbar-header">
                <div class="navbar-brand">
                    <h1>Food,LLC</h1> 
                </div> <!-- .navbar-brand -->
    
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mynav" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div> <!--.navbar header-->
            
            <div id="mynav" class="collapse navbar-collapse">
                <ul id="nav-list" class="nav navbar-nav navbar-right">
                    <li><a href="#chicken">Chicken</a></li>
                    <li><a href="#beef">Beef</a></li>
                    <li><a href="#sushi">Sushi</a></li>
                </ul><!-- #nav-list -->
            </div><!-- .collapse .navbar-collapse -->
        </div><!-- .container -->       
    </div> <!-- .header-nav -->
</nav>

解决方法

我已经在自己的环境中对此进行了测试，并且下拉 & 和导航项工作正常？这似乎是您正在加载的引导程序文件或版本的问题。