Twitter Bootstrap导航栏 - 右对齐控制

Question

我正在使用Twitter Bootstrap（v2.1.1）并尝试自定义各种导航栏元素的位置/对齐方式。

这是一个显示导航栏简化版本的jsFiddle：

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

我希望搜索输入表单在最后一个“Dropdown 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/