移動移動引導鏈接到右側

Question

默認情況下，在下拉菜單中的鏈接的車載移動式集裝箱在左邊（如下圖所示）：

有沒有辦法，讓他們出現在右邊而不是左邊？我嘗試使用text-align:right;但它沒有顯示出來乾淨：

Answer 1

您可以創建自己的類，例如.align-right並把它添加到.nav-collapse容器對準的鏈接的權利。這樣，您的更改不會影響引導樣式表上依賴該類的其他元素。試試這個：

.nav-collapse.align-right { 
    text-align:right; 
} 

然後，你可以這樣做：

<div class="nav-collapse align-right"> ..links.. </div> 

而且你的鏈接將被放置在右側，而不是。

演示：http://jsfiddle.net/PWFSX/

Answer 2

從引導文件： http://getbootstrap.com/components/#navbar

你必須使用這些類「導航欄形式的導航欄左

我用他們喜歡的是：

<div class="container"> 
<div class="navbar-header"> 
    <button type="button" class="navbar-toggle" data- toggle="collapse" data-target=".navbar-collapse"> 
    <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="span10"></span> 
    </button> 
    <%= link_to 'Home', root_path, class: 'navbar-brand' %> 
    </div> 
    <div class="collapse navbar-collapse"> 
    <ul class="nav navbar-nav"> 
    <%= render 'layouts/navigation_links' %> 
    </ul> 
    <ul class='nav navbar-nav navbar-right'> 
     <% if user_signed_in? %> 
     <li><%= link_to 'Sign out', destroy_user_session_path, :method => :delete %></li> 
     <% else %> 
     <li><%= link_to 'Sing in', new_user_session_path %>  </li> 
     <% end %> 
    </ul> 
    </div> 
    </div>