Bootstrap 3导航栏标题在移动设备上无法连接/共振

Question

我已经实施了Bootstrap 3 Nav，并且我在使用Bootstrap的多年中第一次遇到这个问题。

在带有设备模拟功能的桌面浏览器上，导航按预期折叠并正常工作，但是，当点击实际移动设备上的标题时，它只是不会让步。通过USB连接iPhone并在Safari上进行调试表明，点击标题时不会进行任何更改，即不添加类collapse in且不更改HTML。

我尝试/检查的内容：

• 在元视口中添加maximum-scale=1.0
• 检查我的data-toggle和data-target是否正确，它们是（并且再次适用于桌面）
• 从Bootstrap CDN更换我的bootstrap.min.js
• 剥回CSS

View my Fiddle

Answer 1

似乎Bootstrap需要切换才能使用<a href="#">使其正常工作。

Answer 2

上个月我有类似的问题。尝试更改下拉列表项的z-index值。内容可能正在渲染，但隐藏在另一个元素后面（标题图像或那种性质的东西）。您还应该更改该元素的z-index值。

我还建议不要为导航设置高度值。默认情况下，bootstrap希望下拉菜单“移动”下面的内容。如果高度固定，则无法执行此操作。