Html Bootstrap 4移动导航栏不会打开
问题是,当在移动设备上访问我的网站时,不可能使用导航栏,因为所有链接都是隐藏的,当按下按钮取消隐藏链接时,什么都不会发生。 我正在使用nginx、express、ejs和bootstrap4。我复制粘贴的代码与Bootstrap4文档页面上的代码完全相同。我有所有必要的组件使引导工作,包括popper.js,开发人员控制台中没有问题,所有资源都加载良好。Html Bootstrap 4移动导航栏不会打开,html,css,mobile,bootstrap-4,navbar,Html,Css,Mobile,Bootstrap 4,Navbar,问题是,当在移动设备上访问我的网站时,不可能使用导航栏,因为所有链接都是隐藏的,当按下按钮取消隐藏链接时,什么都不会发生。 我正在使用nginx、express、ejs和bootstrap4。我复制粘贴的代码与Bootstrap4文档页面上的代码完全相同。我有所有必要的组件使引导工作,包括popper.js,开发人员控制台中没有问题,所有资源都加载良好。 这是我网站的链接据我所知,您将按钮指向了错误的目标,因此它不会加载任何内容 <nav class="navbar navbar-expa
这是我网站的链接据我所知,您将按钮指向了错误的目标,因此它不会加载任何内容
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">Camelliott</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
// Actual Nav Here
</div>
</nav>
//这里的实际导航
在按钮中,数据目标指向“#navbarNav”,但稍后折叠div的id设置为“navbarnatmarkup”。只需将“NavBarnavtMarkup”更改为“navbarNav”即可解决您的问题。请在您的问题中提供您的代码,以便我们能够帮助理解为什么它不能正常工作。