twitter-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-form 内のラベルは、以下に適用される 5px のマージントップを取得しませんでした:

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

バグかもしれませんが、それについてはわかりません。とにかく、ラベルに .checkbox クラスを適用するとうまくいきました。

これをcssに追加することもできます：

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