Bootstrap 3導航欄不會摺疊

我知道有一些簡單的我很想念，但是當我縮小我的屏幕時，導航欄摺疊切換不起作用。我已經搜索過，所以我找不到解決我的問題的解決方案。Bootstrap 3導航欄不會摺疊

有人能幫我找出我在下面的代碼中缺少的東西嗎？

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <meta http-equiv="Content-Style-Type" content="text/css"> 
    <title></title> 
    <link rel="stylesheet" href="css/bootstrap.min.css" /> 
    <link rel="stylesheet" href="css/slate-bootstrap.min.css" /> 
    <link rel="stylesheet" href="css/larry.css" /> 
</head> 
<body> 
<div id="page"> 
    <header class="container"> 
    <div id="menu" class="navbar navbar-default"> 
     <div class="navbar-header"> 
      <button class="btn btn-success navbar-toggle" 
        data-toggle="collapse" 
        data-target=".navbar-collapse"><span class="glyphicon glyphicon-chevron-down"></span> 
      </button> 
      <div id="logo"> 
       <h4><a href='./index.html'><img src="images/LE-logo.png"></a></h4> 
      </div> 
     </div> 

     <div class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav navbar-right"> 
       <li class="nav active"><a href="./index.html">Home</a></li> 
       <li class="nav"><a href="./resume.html">Resume</a></li> 
       <li class="nav"><a href="./contact.html">Contact</a></li> 
       <li class="nav"><a href="./about.html">About</a></li> 
      </ul> 
     </div> 
    </div> 
    </header> 

    <section id="body" class="container"> 
    <section id="main" class="col-md-9"> 
     <p> Ipsome loreme, blah , blah</p> 

    </section> 
    </section> 


    <hr /> 
    <footer class="container"> 
    <p>Placeholder for footer</p> 
    </footer> 
</div> 

<script scr="js/jquery-2.0.3.min.js"></script> 
<script scr="js/bootstrap.min.js"></script> 

</body> 
</html>

來源

2013-11-24 L_7337

圖形顯示出來，但它不會切換navbar-collapse div。 –

你有什麼已經工作正常http://jsfiddle.net/NkED8/ – rwisch45

謝謝@ rwisch45。它必須是一個瀏覽器問題，或者由於某種原因jQuery不加載。感謝您指出了這一點。我會繼續努力。 –

在Firebug中調試（絕對是最好的瀏覽器調試工具），我發現它沒有正確加載bootstrap.js。我不知道爲什麼它不能從我的目錄中選擇它，但我更改爲CDN，並且必須在前面加上「http：//」。

來源

2013-11-24 18:57:03

看起來沒問題。如果navbar-collapse元素從未顯示，請檢查是否添加了任何樣式，您是如何隱藏它的？

來源

2013-11-24 16:10:46 Fancyoung

這是我所瞭解的Bootstrap框架的一部分。您只需將特定的類名稱添加到div，然後連接數據切換和數據目標，它應該爲您處理。 –

Bootstrap 3導航欄不會摺疊

回答

相關問題