Html 引导切换菜单在移动视图中不起作用

我使用引导创建了一个测试文件。我在网页的标题部分调用了bootstrap.min.css

此外，在关闭body标记之前，我调用了一些JavaScript文件

但现在我想创建一个切换菜单，当在移动版本中看到它时，它将变成一个下拉菜单，切换按钮不起作用。这是切换按钮的代码

我想知道这背后的原因是什么。为什么切换按钮不能正常工作

引导测试
切换导航






管理和仪表板



测试H1
方框1
方框2
方框3
方框4
方框5
方框6
方框7
方框8
方框9
方框10
方框11
方框12

检查这条线是否正确指向

<script src="/home/user/Testing/bootstrap/js/bootstrap.min.js"></script>

或

从下载核心文件

按如下所示替换javascript代码

<script src="../../dist/js/bootstrap.min.js"></script>
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>

---

您的代码中有打字错误，我已将其更正。您编写了“数据切换”而不是“数据切换”

正确的代码：

引导测试
切换导航






管理和仪表板



测试H1
方框1
方框2
方框3
方框4
方框5
方框6
方框7
方框8
方框9
方框10
方框11
方框12

非常感谢，迈克，我的例子现在起作用了。你能告诉我，我想重叠菜单而不是向下滑动内容。重叠是什么意思？我的意思是，当点击菜单按钮时，主要内容（以“测试H1”开始）保持不变。我希望菜单在不向下滑动的情况下覆盖内容。您可以将菜单添加为位置：绝对或z索引属性。这可能是因为workZ索引不起作用，并且通过使用“property:absolute”来解决设计问题。