2016-09-08 6 views
0

このdivの配置と配置に関する問題に直面しています。私はcol-md-12が私の親divであり、col-md-9col-md-3が私の子供のdivであるブートストラップ3を使用しています。これは、私が問題に直面している私のデザインのサンプル画像です。Divポジショニング発行のブートストラップ

enter image description here

そして、我々はそれが応答することができますか?ここで

は、これまでの私のコードです:jsFiddle (問題を参照して、表示領域を拡大してください)

は、事前にありがとうございます。

+1

あなたはどのような問題を抱えていますか? –

+0

div1の内容がdiv1ヘッダーに固執していません。一度そのフィドルをチェックしてください。 –

+0

わかりませんが、どちらかというとどちらかの方法があります。これは応答性に優れているため、小さなデバイスの列幅も定義する必要があります。例えば、「col-xs-6 col-sm-3 col-md-9」と同様である。 –

答えて

0

.colを直接内に入れることはできません.col.colレベルごとにラッパーとして.rowを追加する必要があります。参照:http://getbootstrap.com/css/#grid-nesting

これを実行すると、問題は解決されます。

関連する問題