Bootstrap 4 为什么我的引导导航栏按钮不显示手机上的导航项目?

Bootstrap 4 为什么我的引导导航栏按钮不显示手机上的导航项目?,bootstrap-4,navbar,Bootstrap 4,Navbar,我正在尝试创建一个引导导航栏。我使用了中的代码来实现它。它基本上起作用了。导航项目正在显示,当我缩小到手机大小时,导航栏会折叠,但当我尝试按下手机上的按钮时,菜单/导航按钮不会显示 以下是原始代码(复制自页面的源代码,而不是页面上显示的代码): 搜寻 以下是我的页面中编译的html: 快车 欢迎 我叫塔拉。我是一个完整的堆栈开发人员 我认为代码没有任何问题。事实上,当我从网站上复制并通过源代码时,它仍然不起作用,但它在网站上起作用,我不确定我做错了什么。

我正在尝试创建一个引导导航栏。我使用了中的代码来实现它。它基本上起作用了。导航项目正在显示,当我缩小到手机大小时,导航栏会折叠,但当我尝试按下手机上的按钮时,菜单/导航按钮不会显示

以下是原始代码(复制自页面的源代码,而不是页面上显示的代码):


搜寻
以下是我的页面中编译的html:


快车
欢迎

我叫塔拉。我是一个完整的堆栈开发人员


我认为代码没有任何问题。事实上,当我从网站上复制并通过源代码时,它仍然不起作用,但它在网站上起作用,我不确定我做错了什么。我知道引导程序正在工作,因为它的样式设置正确。我正在使用编译后的代码下载,以下是我的导入:

@import'../bootstrap-4.4.1-dist/css/bootstrap.min.css';
@导入“../bootstrap-4.4.1-dist/css/bootstrap grid.min.css”;
@导入“../bootstrap-4.4.1-dist/css/bootstrap reboot.min.css”;

确保在页面中包含jQuery和引导JavaScript-,但这是在关闭标签之前需要添加的代码:

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

您需要引导JavaScript