将表单控件放在导航栏中

Question

自举2.0玩,我不能把form controls一个navbar很好.在明显的猜测使搜索框太高.

我该如何修理我的小提琴？

Answer 1

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

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

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

如果要对齐右侧的搜索栏,请将"左拉"类更改为"向右拉"

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

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

-update2-添加了一个浮动:右边的输入,这修复了Chrome,Firefox已经正常工作并且仍在工作:http://jsfiddle.net/7J7cz/57/