Question

我不知道为什么我的导航栏不能在移动设备上工作，所以我正在寻求帮助。问题在于切换按钮不显示。

true

它基于w3schools-Template，所以我当然导入了所有内容。

CSS文件：

使用了JS：

https://pastebin.com/sJQXxXLg

非常感谢！

Answer 1

在您的代码中删除style="display:none" 并使用引导程序，您可以像下面这样设置导航栏：

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

<nav class="navbar navbar-expand-lg navbar-light bg-light w3-sidebar w3-bar-block w3-black w3-card w3-animate-left w3-hide-medium w3-hide-large"  id="mySidebar">
  <a href="javascript:void(0)" onclick="w3_close()" class="w3-bar-item w3-button w3-large w3-padding-16">X</a>
  <a href="#about" onclick="w3_close()" class="w3-bar-item w3-button">Field 1</a>
....
</nav>

导航栏不起作用

1 个答案: