html - Twitter Bootstrap 导航栏 - 右对齐控件

标签 html css twitter-bootstrap

我正在使用 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="">

但这使得搜索输入形成最后一个导航栏元素,而不是我想要实现的倒数第二个元素。

是否可以让搜索输入表单倒数第二个向右对齐?

谢谢

最佳答案

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

<div style="display: inline-block;" class="pull-right"> ... </div>

这是一个工作示例:http://jsfiddle.net/nhnH6/3/

关于html - Twitter Bootstrap 导航栏 - 右对齐控件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12460173/

相关文章:

javascript - JQuery 选择器未选择任何内容。

javascript - 如何传递和删除选定的选项值

javascript - div float right 在 IE 中不起作用

css - 来自另一个不可见 SVG 的 SVG 过滤器完全删除了目标

javascript - 使用 jQuery 定位所有没有特定父级的 dl 标签

html - 将关闭按钮/'x' 明文图标添加到 Bootstrap5 表单 float 和表单控制输入字段

css - Max-Height 在 Bootstrap 网站的 CSS 中不起作用

javascript - Google+ 参数无法正常工作

javascript - 可折叠登录表单的切换按钮将不会保持固定

html - Bootstrap 响应式修复小型平板电脑和手机