Jquery 引导导航栏将不会切换

我对使用Bootstrap还比较陌生，希望你们中的一位专家能告诉我我在哪里犯了错误

我正在努力完成的是：我正在使用Bootstrap开发一个响应迅速的网站。我希望我的导航栏固定在顶部，当网页缩小到移动大小时，我希望我的导航栏在按下时显示菜单项

问题：在移动浏览器尺寸中，按下导航栏时将不显示任何菜单项。没有开关

我尝试的内容：我浏览了其他用户的StackOverflow问题和评论，其中大多数人说要确保“数据切换”与“collapse navbar collapse”类后面的id选择器匹配

你会发现这些是匹配的。myNavbar是一个id选择器。解决方案不起作用

              <div class="container-fluid" id="contentsOfMenu">

                <div class="navbar-header page-scroll">

                  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span> 
                  </button>
                  <div class"page-scroll">
                  <a href="#welcome" id="brandLabel"><img src="images/brainFishIconMenu.png"/></a>
                  <a class="navbar-brand" href="#welcome" >BrainFish</a>
                 </div>

                </div><!--end of navbar-header--------------------------->

                <div class="collapse navbar-collapse" id="myNavbar">

                  <ul class="nav navbar-nav navbar-right" id="navLinkColor">

                    <li class="page-scroll"><a href="#aboutUs">About</a></li>
                    <li class="page-scroll"><a href="#services">Services</a></li> 
                    <li class="page-scroll"><a href="#approach">Approach</a></li> 
                    <li class="page-scroll"><a href="#contact">Contact</a></li>          
                  </ul>

                </div><!--end of myNavBar-->

              </div><!--end of contentsOfMenu--------------------->

      </nav><!--end of navigation-->

切换导航

您可能缺少引导的javascript组件。这是菜单折页工作所必需的。或者，异常可能已停止Javascript。您可以在浏览器调试控制台中进行检查。

您可能缺少引导的javascript组件。这是菜单折页工作所必需的。或者，异常可能已停止Javascript。您可以在浏览器调试控制台中进行检查。

首先确保在jquery脚本标记之后包含bootstrap.js。然后检查导航栏标记。例如：

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="path/to/bootstrap.js" type="text/javascript"></script><!--required for navbar toggle--> 

及

首先确保在jquery脚本标记后面包含bootstrap.js。然后检查导航栏标记。例如：

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="path/to/bootstrap.js" type="text/javascript"></script><!--required for navbar toggle--> 

及

您需要正确添加CDN，否则折叠和切换将不起作用

添加Bootstrap 4 CDN需要遵循的顺序是：

jQuery

Popper.js

引导JS

根据bootstrap 4规范，应遵循的示例模板为：

库尔卡尼书摊








搜寻

您需要正确添加CDN，否则折叠和切换将不起作用

添加Bootstrap 4 CDN需要遵循的顺序是：

jQuery

Popper.js

引导JS

根据bootstrap 4规范，应遵循的示例模板为：

库尔卡尼书摊








搜寻

导航的开始标记在哪里？应该有一个标记作为

打开。导航的开始标记在哪里？应该有一个标记作为

打开。我重新安排了引导脚本在JQuery之后出现的脚本，它像一个符咒一样工作。我从来没有想过订单会很重要，但是，嘿，每天都要学习新的东西。非常感谢。很乐意帮忙。当我开始的时候