Twitter Bootstrap導航欄 - 右對齊控件

Question

我正在使用Twitter Bootstrap（v2.1.1）並嘗試自定義各個導航欄元素的位置/對齊方式。

這裏有一個的jsfiddle顯示導航欄的簡化版本：

http://jsfiddle.net/fmdataweb/nhnH6/2/

我想搜索輸入表單出現右對齊，但最後一個「下拉2」之前。我試圖改變：

<form class="navbar-search pull-left" action=""> 

到：

<form class="navbar-search pull-right" action=""> 

但這使得搜索輸入表格的最後一個導航欄項目，而不是第二個最後這正是我想要的目的。

是否有可能將搜索輸入形式的第二個對齊到右邊？

謝謝

Answer 1

你可以把2個右對齊的元素放在div中。

<div style="display: inline-block;" class="pull-right"> ... </div> 

這裏是工作示例：http://jsfiddle.net/nhnH6/3/