Bootstrap：导航栏中的表单

Question

我正在使用bootstrap2.1，并遇到了一些问题：

1. 标签的垂直对齐不正确，请参阅http://jsfiddle.net/atian25/UGjW6/1/embedded/result/
2. 如何拉出一些表格元素，有些向右拉？
3. 如何在nav-form中添加divider-vertical？

这是我想念的任何一步吗？你能告诉我正确的jsfiddle吗？

Answer 1

我在你的代码中添加了一些标记，也许这就是你要找的东西： http://jsfiddle.net/UGjW6/31/

我正在使用.pull-left和.pull-right以及.divider-vertical类。

出于某种原因，.navbar表单中的标签没有获得5px的margin-top，因为它应用于以下内容：

.navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox

可能是一个错误，但我不确定。无论如何，将.checkbox类应用于标签就可以了。

您也可以将此添加到您的css：

.navbar-form label { margin-top: 5px; }