0

プレゼンテーションには Twitter Bootstrap を使用しています。この設計では、デスクトップではラベルと入力フィールドを同じ行に配置し、モバイルでは積み重ねる必要があります。これを実現するために、TB のグリッド システムを使用したいと考えていますが、これを行う方法が見つかりません。ドキュメントを見ると、ラベル/入力ペアのラッパー div にクラスを適用する方法がわかりますが、ラベルと入力フィールドに個別に適用する方法はわかりません。

http://jsbin.com/voreyev/edit?html,js,output

4

1 に答える 1

0

これを実現するために、常に標準のブートストラップ グリッド システムを使用できます。例えば

<label class="col-sm-12 col-md-4">name</label>

<input type="text" class="col-sm-12 col-md-8" />

これは、ブートストラップに組み込まれたメディア クエリを使用して、ラベルを小さな画面では独自の行に、大きな画面ではインラインに強制します。

于 2015-09-19T04:09:27.073 に答える