Twitter Bootstrap響應式導航欄 - 定位鏈接

Question

目前，我正在用Twitter Bootstrap構建我的第一個響應站點，而且我遇到了一個我自己無法解決的問題。

我正在自定義媒體查詢，但是當涉及到導航欄內的鏈接時，我被卡住了。 我想要.brand居中，導航鏈接應居中 - 每個鏈接的新行。我設法在有關媒體查詢中使用這個CSS代碼到中心.brand：

.brand { 
    display: block; 
    width: 100%; 
    text-align: center; 
} 

現在的鏈接。這是代碼：

.navbar li a { 
    display: block; 
} 

選擇器似乎是正確的，因爲當我指定背景顏色時，它顯示出來。但使用display: block;不會爲每個鏈接產生新的行。使用width: 100%;也不會導致所需的形式。

我的猜測是，它有事情做與li各個環節被包裹英寸

<div class="navbar"> 
    <div class="navbar-inner"> 
     <a class="brand" href="#">Thomas Glaser</a> 
      <ul class="nav"> 
       <li><a href="#">Arbeiten</a></li> 
       <li><a href="#about">Thomas</a></li> 
       <li><a href="#contact">Kontakt</a></li> 
      </ul> 
    </div><!-- /.navbar-inner --> 
</div> 

我試着鼓搗CSS，但使用試用&錯誤方法結合這樣的大CSS文件並不是真正的推薦我猜，這就是爲什麼我問你：需要什麼CSS代碼來顯示導航欄內的鏈接。

Answer 1

這其實很簡單，所有你需要的是下面的CSS規則：

.navbar .nav { 
    width: 100%; 
} 

.navbar .nav > li { 
    float: none; 
    text-align: center; 
} 

所以，你是對的，這是一個需要被樣式，而不是錨:)