Bootstrap 3导航栏标题不可打/移动

Question

我已经实现了Bootstrap 3导航，并且我在使用Bootstrap的许多年中第一次遇到此问题。

在设备仿真的桌面浏览器上，导航系统会崩溃并按预期工作，但是，在点击实际移动设备上的标头时，它只是不会生效。通过USB连接iPhone并在Safari上进行调试表明，在点击标题时不会进行任何更改，即不会添加collapse in类，也不会更改HTML。

我已经试过/检查：

• 在元视口添加在maximum-scale=1.0
• 经过我的data-toggle和data-target是正确的，他们是（并再次，适用于台式机）
• 从引导CDN
• 更换我的bootstrap.min.js剥开CSS

View my Fiddle

Answer 1

似乎引导程序要求切换使用<a href="#">使其工作。

Answer 2

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

我也建议您不要为您的导航设置高度值。默认情况下，引导程序希望下拉菜单“移动”下面的内容。如果高度是固定的，它不能做到这一点。