2017-01-17 5 views
0

Ich versuche, ein 2x2-Raster mit Bootstrap zu zeichnen. Mein Ziel ist es, ein Raster zu machen, die in etwa so aussieht:Zeichnen eines 2x2-Gitters mit Bootstrap

Grid

mit einem Onclick-Ereignishandler auf jeder Kachel. Ich habe Probleme, die Höhe der Kacheln einstellen und haben, obwohl so etwas wie dies bisher ...

<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

insgesamt sollte Fügen Sie eine weitere Klasse hinzu, um die Höhe einzustellen – user7357089

+0

Beachten Sie, dass 'col - * - 2' eine einsechse und keine halbe Spalte ist. –

+0

Mögliches Duplikat von [Gitter reaktionsfähiger Quadrate] (http://stackoverflow.com/questions/20456694/grid-of-responsive-squares) – Maverick

Antwort

0

Bootstrap Spalten 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>