Bootstrap菜單不一致的問題

Question

每隔一段時間，我的第二級鏈接都不起作用。我會說他們工作的10次中有8次。當菜單不起作用時，控制檯不顯示任何錯誤，並且它非常不一致。

無論如何，這裏是第二級的Bootstrap代碼。任何人都可以看到這是否導致這個問題？

<li class="dropdown"> 
    <a href="#" class="dropdown-toggle" role="button" aria-expanded="false" data-toggle="dropdown">Restaurants</a> 
    <ul class="dropdown-menu"> 
    <li><a href="/asian.php">Asian</a></li> 
    <li><a href="/american.php">American</a></li> 
    <li><a href="/mexican.php">Mexican</a></li> 
    </ul> 
    </li> 

Answer 1

您發佈的代碼看起來很好。你正在處理另一個問題。這裏有幾件事你應該檢查出來。

1. 如果您從cdn或服務器加載，請查看您的chrome工具網絡選項卡以確認您的css和js文件加載正確。可能是延遲問題。
2. 添加默認的導航欄，並嘗試查看它是否在同一時間有同樣的問題，如果它工作正常，你有一個代碼之外的代碼段的問題。複製所有導航欄代碼，創建一個codepen並嘗試在孤立的環境中解決問題。