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/