2

Twitter Bootstrapインラインチェックボックスを使用していますform-horizontal well well-small

pull-leftチェックボックスにまたはを追加すると、フォーム内にネストされていても、それらはright正しくプルされますが、要素から削除されます。wellはボタンにはpull機能しますが、インライン チェックボックスには機能しません。

それらをコントロール グループ内に配置してコントロール グループで使用しようとしpullましたが、まだフォームの外にドロップされていますwell。

編集：

失敗例: http://bbalban.pagodabox.com/snippets/post-fails

作業例: http://bbalban.pagodabox.com/snippets/post-works

最初のラベルが削除されているか、右に引っ張られていると失敗します。最初のラベルがある場合に機能しますが、プル修飾子はありません。

ありがとう。

4

1 に答える 1

1

チェックボックスが「float」属性で整列されているかどうかを確認してください。はいの場合は、親要素に「overflow: hidden」を追加します。いいえの場合は、テストできるように URL を提供してください。

編集

追加する必要がある主なルールは次のとおりです。

.well { overflow: hidden; }

さらに、ラベルとボタンの位置を修正するには、次を追加します。

.well .btn { margin-top: 8px; }
.well label.checkbox { margin: 9px 3px 0 10px; }
于 2013-02-16T06:43:49.763 に答える