中心品牌和左右鏈接

Question

我希望以品牌爲中心，並鏈接到它的左側和右側。在下面的例子中，我希望品牌介於項目和簡歷之間。 http://jsfiddle.net/DTcHh/1432/

HTML：

<a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a> 
<header class="site-header"> 
    <div class="navbar navbar-default navbar-fixed-top"> 
    <div class="container"> 
     <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a class="navbar-brand" href="#">Brand</a> 
     </div> 
     <div class="collapse navbar-collapse"> 
     <ul class="nav navbar-nav"> 
      <li><a href="/blog">blog</a></li> 
      <li><a href="/projects">projects</a></li> 
      <li><a href="/resume">resume</a></li> 
      <li><a href="/contact">contact</a></li> 
     </ul> 
     </div> 
    </div> 
    </div> 
</header> 

CSS：

@media (min-width: 768px){ 
    .navbar-nav{ 
     margin: 0 auto; 
     display: table; 
     table-layout: fixed; 
     float:none; 
    } 
} 

Answer 1

這聲音痘痘有點無聊，但如果你把你的品牌li元素的內部項目裏:)

<li><a href="/projects">projects</a></li> 
<li><a class="navbar-brand" href="#">Brand</a></li> 
<li><a href="/resume">resume</a></li>