我已经实现了 Bootstrap 3 Nav，这是我在使用 Bootstrap 多年以来第一次遇到这个问题。
在带有设备模拟的桌面浏览器上，导航会折叠并按预期工作，但是，当在实际移动设备上点击标题时，它不会移动。通过 USB 连接 iPhone 并在 Safari 上调试显示点击标题时没有发生任何变化，即未添加类 collapse in 并且没有更改 HTML。
我试过/检查过的内容:
- 在元视口(viewport)中添加
maximum-scale=1.0 - 检查了我的
data-toggle和data-target是否正确，它们是正确的(并且同样适用于桌面) - 从 Bootstrap CDN 替换我的 bootstrap.min.js
- 剥离 CSS
最佳答案
似乎 Bootstrap 需要切换才能使用 <a href="#">使其发挥作用。
关于javascript - Bootstrap 3 导航栏 header 在移动设备上不可点击/响应，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37304034/