从您提供的代码中我无法确定,但我过去遇到过一些问题以及我如何解决它们...... 首先确保使用 head 中的元标记来使缩放响应于设备:
<meta name="viewport" content="width=device-width, initial-scale=1">
检查由于样式而导致的重叠元素,某些元素可能会与菜单按钮重叠,导致它们不可单击,因此您单击其他元素会导致意外行为。
确保 JavaScript 和 jQuery 库在您的 index.html 中正确链接,假设您正在使用 jQuery,因为您使用的是 data-toggle="collapse"
由于该问题是特定于移动设备的,因此请检查 CSS 是否存在可能影响移动设备上导航栏的显示或功能的任何媒体查询。您可以使用开发人员工具来模拟移动设备,并查看索引上是否应用了不同的样式