漂浮某些列表項目的權利

Question

我目前使用導航欄的引導程序，我已經改變了一些東西，所以它看起來不同。但我想將2個列表項對齊到ul的右側。

我已經搜索，但我找不到工作解決方案。另外請記住，我仍然希望導航欄充分響應。

<div class="navbar"> 
<div class="navbar-inner"> 
    <div class="container"> 

     <!-- .btn-navbar is used as the toggle for collapsed navbar content --> 
     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </a> 

     <!-- Everything you want hidden at 940px or less, place within here --> 
     <div class="nav-collapse collapse"> 
      <ul class="nav"> 
       <li class="active"><a href="#">Home</a></li> 
       <li><a href="#">Video Library</a></li> 
       <li><a href="#">Orphanages</a></li> 
       <li><a href="#">The collective</a></li> 
       <li><a href="#">What we do</a></li> 
       <li><a href="#">Partners</a></li> 
       <li class="donate"><a href="#">Donate</a></li> 
      </ul> 
     </div> 
    </div> 
</div> 

我希望你們能幫助我弄清楚如何做到這一點。由於

Answer 1

我認爲最好的辦法是一分爲二的鏈接列表：

 <ul class="nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#">Video Library</a></li> 
      <li><a href="#">Orphanages</a></li> 
      <li><a href="#">The collective</a></li> 
      <li><a href="#">What we do</a></li> 
     </ul> 
     <ul class="nav pull-right"> 
      <li><a href="#">Partners</a></li> 
      <li class="donate"><a href="#">Donate</a></li> 
     </ul> 

您還可以添加pull-right只向記者li，但你」 d需要修改ul的width以便工作。