Bootstrap:导航栏中的表单

时间:2012-08-21 07:34:26

标签: twitter-bootstrap

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

  1. 标签的垂直对齐不正确,请参阅http://jsfiddle.net/atian25/UGjW6/1/embedded/result/
  2. 如何拉出一些表格元素,有些向右拉?
  3. 如何在nav-form中添加divider-vertical?
  4. 这是我想念的任何一步吗?你能告诉我正确的jsfiddle吗?

1 个答案:

答案 0 :(得分:2)

我在你的代码中添加了一些标记,也许这就是你要找的东西: 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; }