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

Posted 2023-03-24

【中文标题】为啥我的导航栏按钮不起作用（我只是一个初学者，对不起......）

【英文标题】：Why my navbar button isn't working (I am just a beginner, sorry...)为什么我的导航栏按钮不起作用（我只是一个初学者，对不起......）

【发布时间】：2021-09-16 03:31:22

【问题描述】：

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

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

【问题讨论】：

您使用的是哪个版本的 Bootstrap？

我们很乐意为您提供帮助，但首先，please refer to this guide for asking a question，“我的有什么问题？为什么我的导航栏按钮不起作用？”应该不是问题。

你好 Saulianskaite，除了应该发生的事情，你还有什么？有很多东西可以工作。打开菜单或转到页面的某个部分？

我想我正在使用 Bootstrap 3.3.7

我试图在导航栏上做一个下拉菜单按钮，它只有在屏幕尺寸为 xs 时才可见。

【参考方案1】：

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