如何在Twitter引導中放置右側固定導航欄

Question

我想在右側添加4個導航按鈕。點擊時，我將能夠導航到相同頁面中的各個div（就像單個頁面設計一樣）。

我添加以下幾行代碼，在頁面的右側創建4個導航按鈕。

<div data-spy="affix" class="offset8 span1 well offset7 small"> 
     <ul class="nav nav-list"> 
      <a class=".move-1" data-target=".home-1-image"> A </a> 
      <a class=".move-1" data-target=".home-2-image"> B </a> 
      <a class=".move-1" data-target=".home-3-image"> C </a> 
      <a class=".move-1" data-target=".home-4-image"> D </a> 
     </ul> 
    </div> 

但是這些代碼行並沒有將我的4個按鈕放在最右端。檢查快照。

哪些引導類可以用來使它位於極右側，並且應該固定在位。 （響應應該很好地照顧）。

Answer 1

您真正需要使用導航欄向右，我從here發現了，在我的代碼中使用：

 <div class="navbar-collapse collapse navbar-right" > 
      <ul class="nav navbar-nav"> 
       <li class="active"><a href="#">Home</a></li> 
       <li><a href="#about">About</a></li> 
       <li><a href="#contact">Contact</a></li> 
       <li class="dropdown"> 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a> 
        <ul class="dropdown-menu pull-right" role="menu"> 
         <li><a href="#">Action</a></li> 
         <li><a href="#">Another action</a></li> 
         <li><a href="#">Something else here</a></li> 
         <li class="divider"></li> 
         <li class="dropdown-header">Nav header</li> 
         <li><a href="#">Separated link</a></li> 
         <li><a href="#">One more separated link</a></li> 
        </ul> 
       </li> 
      </ul> 
     </div><!--/.nav-collapse --> 

Answer 2

您可以使用.navbar-right並且還可以添加position: fixed; right: 0;。 應該做的伎倆

Answer 3

HTML

<div data-spy="affix" class="offset8 span1 well offset7 small nav"> 
     <ul class="nav nav-list"> 
      <a class=".move-1" data-target=".home-1-image"> A </a> 
      <a class=".move-1" data-target=".home-2-image"> B </a> 
      <a class=".move-1" data-target=".home-3-image"> C </a> 
      <a class=".move-1" data-target=".home-4-image"> D </a> 
     </ul> 
</div> 

CSS

.nav { 

    position: fixed; 
    float:right; 
    margin-right: 0px; 

    }