html - 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/