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/