2013-09-23 193 views
2

當試圖調整到Bootstrap 3時,遇到以下問題。Bootstrap 3簡單下拉不起作用

當我點擊名爲F的按鈕時,我想要HomeNot Home出現,但它現在不在。

This是我學習的視頻。

<div class= "navbar navbar-inverse navbar-static-top"> 
    <div class="container"> 
     <a class= "navbar-brand">Jackdh</a> 
     <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> F 
     </button> 
     <div class ="collapse navbar-collapse navHeaderCollapse"> 
      <ul class = "nav navbar-nav navbar-right"> 
       <li><a href="#">Home</a></li> 
       <li><a href="#">Not Home</a></li> 
      </ul> 
     </div> 
    </div> 
</div> 

回答

7

我敢肯定,你根本忘了加bootstrap.jsjquery。 隨着包括,everything works for me

+0

感謝那些工作。我錯誤地使用了他們網站上的鏈接。 – jackdh

+0

不完全一樣的錯誤,但得到一些線索並解決問題。 –

2

@op(樓主)

馬塞爾的回答給了我一個線索,所以我檢查了我的腳本標籤

<script src="bootstrap.min.js"></script> 

我忘了添加引導程序的JavaScript文件夾 「JS /」

隨着這個腳本標記一切正常。

<script src="js/bootstrap.min.js"></script> 

@ Marcel - 由於缺乏聲望,我無法投票回答您的問題!

0

你忘了在容器後面添加navbar-header div,試試這個!

` 品牌

 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
    </div>`