Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Bootstrap 4移动导航栏不会打开_Html_Css_Mobile_Bootstrap 4_Navbar - Fatal编程技术网

Html Bootstrap 4移动导航栏不会打开

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

问题是,当在移动设备上访问我的网站时,不可能使用导航栏,因为所有链接都是隐藏的,当按下按钮取消隐藏链接时,什么都不会发生。 我正在使用nginx、express、ejs和bootstrap4。我复制粘贴的代码与Bootstrap4文档页面上的代码完全相同。我有所有必要的组件使引导工作,包括popper.js,开发人员控制台中没有问题,所有资源都加载良好。
这是我网站的链接

据我所知,您将按钮指向了错误的目标,因此它不会加载任何内容

<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”即可解决您的问题。

请在您的问题中提供您的代码,以便我们能够帮助理解为什么它不能正常工作。