Wie kann ich mit Bootstrap mehrzeilige Spalten erstellen?

Mehrzeilige Bootstrap-Spalten erstellen

Sie können das Layout Ihrer Bootstrap-Raster häufig dadurch verbessern, dass sich bestimmte Spalten über mehrere Zeilen erstrecken. Diese Technik kann besonders nützlich sein, um optisch ansprechende Raster mit unterschiedlichen Inhaltshöhen zu erstellen, wie im folgenden Beispiel:

[Bild eines Rasters mit einer einzelnen Spalte, die sich über zwei Zeilen erstreckt]

Bootstrap 3

Um diesen Effekt in Bootstrap 3 zu erzielen, können Sie verschachtelte Zeilen und Spalten verwenden. So geht's:

<div class="row">
    <div class="col-md-4">
        <div class="well">1
            <br/>
            <br/>
            <br/>
            <br/>
            <br/>
        </div>
    </div>
    <div class="col-md-8">
        <div class="row">
            <div class="col-md-6">
                <div class="well">2</div>
            </div>
            <div class="col-md-6">
                <div class="well">3</div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="well">4</div>
            </div>
            <div class="col-md-6">
                <div class="well">5</div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-4">
        <div class="well">6</div>
    </div>
    <div class="col-md-4">
        <div class="well">7</div>
    </div>
    <div class="col-md-4">
        <div class="well">8</div>
    </div>
</div>

Das obige ist der detaillierte Inhalt vonWie kann ich mit Bootstrap mehrzeilige Spalten erstellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!