2017-01-17 14 views
0

私はブートストラップを使って2x2グリッドを描画しようとしています。各タイル上のonclickイベントハンドラでブートストラップを使って2x2グリッドを描く

Grid

:私の目的は、次のようになり、グリッドを作ることです。私もタイルの高さを設定する問題を抱えて、これまでこのような何かを持っているよ...

<div class="col-md-4"> 
    <div class="row"> 
    <div class ="col-md-2"> 
     one 
     </div> 
    <div class ="col-md-2"> 
     two 
    </div> 
    </div> 
    <div class="row"> 
    <div class ="col-md-2"> 
     three 
     </div> 
    <div class ="col-md-2"> 
     four 
    </div> 
    </div> 

+0

に合計すべきです高さを設定するもう1つのクラスを追加してください。 – user7357089

+0

'col - * - 2'は1/6であり、半分の列ではありません。 –

+0

応答可能な四角形のグリッドの可能な複製(http://stackoverflow.com/questions/20456694/grid-of-responsive-squares) – Maverick

答えて

0

ブートストラップ・カラムは12

<div> 
<div class="row"> 
    <div class="col-md-6"></div> 
    <div class="col-md-6"></div> 
</div> 
<div class="row"> 
    <div class="col-md-6"></div> 
    <div class="col-md-6"></div> 
</div> 

関連する問題