Twitter Bootstrap导航栏 - 右对齐控制

use*_*124 2 html css3 twitter-bootstrap

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

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

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

我希望搜索输入表单看起来对齐,但在最后一个"Dropdown 2"之前.我试过改变:

<form class="navbar-search pull-left" action="">
Run Code Online (Sandbox Code Playgroud)

至:

<form class="navbar-search pull-right" action="">
Run Code Online (Sandbox Code Playgroud)

但这使得搜索输入形成了最后一个导航栏项,而不是我想要实现的第二个最后一个.

这可能使搜索输入表格的第二个最后对齐吗?

谢谢

Cam*_*Cam 6

您可以将2个右对齐元素放在div中.

<div style="display: inline-block;" class="pull-right"> ... </div>
Run Code Online (Sandbox Code Playgroud)

这是一个工作样本:http://jsfiddle.net/nhnH6/3/