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值。

我也建議您不要爲您的導航設置高度值。默認情況下，引導程序希望下拉菜單「移動」下面的內容。如果高度是固定的，它不能做到這一點。