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

所以，你是对的，这是一个需要被样式，而不是锚:)