<button class='btn' />
を使用しているときに、ナビゲーションバーに要素を配置するのに問題があり.pull-left
ます。このjsFiddleを参照してください:http://jsfiddle.net/6e49G/
ボタンは垂直方向にオフセットされているため、見栄えがよくありません。
<button class='btn' />
を使用しているときに、ナビゲーションバーに要素を配置するのに問題があり.pull-left
ます。このjsFiddleを参照してください:http://jsfiddle.net/6e49G/
ボタンは垂直方向にオフセットされているため、見栄えがよくありません。
私のように誰かがこれに遭遇した場合に備えて、この問題はBootstrapのバージョン2.3.0で修正されているようです。以前に2.2.2を実行していて、この正確な問題(input-prependまたはinput-append)がありましたが、アイコンではなくボタンのみでした。最後の手段として、Bootstrapのアップデートをチェックすると思いましたが、ありがたいことにそれでうまくいきました。
また、入力prepend divからボタンを取り出して、form-inlineクラスをformに適用すると、探しているものが得られるはずです。http://jsfiddle.net/6e49G/25/を参照してください
ナビゲーションバーにボタンが追加されるように設計されていないブートストラップのようです。カスタムスタイルで解決しました。あなたのトップマージンは.navbar
スタイルから来ています。
.navbar-form .input-prepend .btn { margin-top: 0px; }
コード: http: //jsfiddle.net/6e49G/15/