twitter-bootstrap - 将表单控件放在导航栏中

Question

玩 Bootstrap 2.0，我放不下 form controls在 navbar很好。 obvious guess把搜索框放得太高。

我该如何修理我的 fiddle ？

Answer 1

如果你把它放在 .nav .container 中:

<form class="navbar-search pull-left">
  <input type="text" class="search-query" placeholder="Search">
</form>

你会得到一个漂亮的搜索框: http://jsfiddle.net/p4eAN/1/

如果要对齐右侧的搜索栏，请将“pull-left”类更改为“pull-right”

-更新-
结合输入标签并添加一点 css: http://jsfiddle.net/7J7cz/56/

.navbar-search .input-prepend {
  margin-bottom: 0;
}

-更新2-
在输入中添加了一个 float:right，这修复了 Chrome，Firefox 已经可以工作并且仍然可以工作: http://jsfiddle.net/7J7cz/57/