Bootstrap響應式導航欄鏈接對齊和樣式問題

Question

當瀏覽器摺疊時，我遇到了Bootstrap導航欄的問題。一切工作正常，內容響應和按鈕出現，但按下按鈕時，鏈接不會在導航欄品牌下面下降，而是在導航品牌旁邊的中間對齊。它也似乎沒有選擇任何東西，或正確的樣式，即字體大小沒有減少。任何想法這是什麼？我知道這很簡單，但我不能看到它！

謝謝。 （以下機身碼）

<nav class = "navbar navbar-inverse navbar-fixed-top"> 


    <div class = "container"> 

     <div class = "nav-header"> 
      <a href = "#" class = "navbar-brand">Site Title</a> 

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

     <div class = "collapse navbar-collapse" id="navHeaderCollapse"> 

      <ul class = "nav navbar-nav navbar-right"> 

       <li class = "active"><a href = "#">Home</a></li> 
       <li class = "active"><a href = "#">About</a></li> 

       <li class = "dropdown active"> 

       <a class = "#" class = "dropdown-toggle" data-toggle = "dropdown">Media</a> 

       <ul class = "dropdown-menu"> 
        <li><a href = "#">SubOne</a></li> 
        <li><a href = "#">SubTwo</a></li> 
        <li><a href = "#">SubThree</a></li> 
        <li><a href = "#">SubFour</a></li> 
       </ul> 
       </li> 

       <li class = "active"><a href = "#">Contact</a></li> 

       </ul> 

      </div> 

    </div> 

    </nav> 

Answer 1

問題是錯誤的類名：

<div class = "nav-header"> 

change to 

<div class = "navbar-header"> 

http://jsfiddle.net/8pLven4s/