twitter-bootstrap - Bootstrap：导航栏中的表单

Question

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

1. 标签的垂直对齐不正确，请参阅http://jsfiddle.net/atian25/UGjW6/1/embedded/result/
2. 如何向左拉一些表单元素，向右拉一些？
3. 如何以导航形式添加垂直分隔符？

这些是我错过的任何步骤吗？你能告诉我正确的jsfiddle吗？

Answer 1

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

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

出于某种原因，.navbar-form 中的标签没有获得 5px 的边距顶部，因为它应用于以下内容：

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

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

您不妨将其添加到您的 css 中：

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