iOS上的自舉導航欄問題

我正在使用個人網站，我的導航欄在我的筆記本電腦上運行良好，但它在iOS上遇到了一些問題。在OS X上，導航欄將每個<li>顯示爲一個單獨的按鈕，但在iOS上，導航欄在左側顯示「navbar-brand」按鈕，然後在右側顯示一個按鈕，該按鈕似乎是一個下拉菜單。iOS上的自舉導航欄問題

我認爲這個按鈕是因爲摺疊視圖，因此會在下拉菜單中顯示我的按鈕。不幸的是，這只是一個死鎖按鈕，按下時什麼都沒有出現，所以我無法訪問原始按鈕。

這裏的導航欄：

<nav class="navbar navbar-default navbar-fixed-top"> 
    <div class="container"> 
    <div class="navbar-header"> 
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button> 
    <a class="navbar-brand" href="#">Braden Katzman</a> 
    </div> 

    <div id="navbar" class="navbar-collapse collapse"> 
    <ul class="nav navbar-nav"> 
     <li class="active"><a href="index.html">Home</a></li> 
     <li><a href="/templates/education.html">Education</a></li> 
     <li><a href="/templates/workExperience.html">Work Experience</a></li> 
     <li><a href="/templates/csSkills.html">CS Skills</a></li> 
    </ul> 
    </div><!--/.nav-collapse --> 
</div>

有什麼建議？先謝謝你！

來源

2015-05-30 Braden Katzman

該代碼似乎爲我工作得很好。你記得鏈接Bootstrap CSS，JS和JQuery嗎？記住你需要在Bootstrap的JS之前包含JQuery的鏈接。 – Tugzrida

就是這樣！需要切換鏈接文件的順序。非常感謝你！ –

很高興能幫到你！我已發佈我的評論作爲答案。 – Tugzrida

我看不到您的代碼有任何錯誤。

您是否包含了JQuery，Bootstrap JS和Bootstrap CSS？請記住，在Bootstrap JS之前需要包含JQuery。

來源

2015-06-03 23:10:43 Tugzrida

嗨@BrandenKatzman如果這個或任何答案已解決您的問題，請點擊複選標記，考慮[接受它]（http://meta.stackexchange.com/q/5234/179419）。這向更廣泛的社區表明，您已經找到了解決方案，併爲答覆者和您自己提供了一些聲譽。沒有義務這樣做。 – Tugzrida

iOS上的自舉導航欄問題

回答

相關問題