Wie erstellt man diese Bootstrap-Spalten?

Question

Wie erstelle ich Bootstrap-Spalten wie das unten angehängte Foto? Die rote Linie hat die gleiche Größe?

Answer 1

über Nesting columns in den BS-Dokumente lesen. Lesen Sie auch über Responsive column resets.

Um Ihre Frage mehr direkt zu beantworten - hier ist das, was Sie brauchen:

<div class="container"> 
    <div class="row"> 
    <div class="col-sm-4"> 
     1.1 
    </div> 
    <div class="col-sm-4"> 
     1.2 
    </div> 
    <div class="col-sm-4"> 
     1.3 
    </div> 
    <div class="clearfix"></div> 
    <div class="col-sm-8"> 
     2.1 
    </div> 
    <div class="col-sm-4"> 
     <div class="row"> 
     <div class="col-sm-12"> 
      2.2T 
     </div> 
     <div class="col-sm-12"> 
      2.2B 
     </div> 
     </div> 
    </div> 
    <div class="clearfix"></div> 
    <div class="col-sm-4"> 
     3.1 
    </div> 
    <div class="col-sm-4"> 
     3.2 
    </div> 
    <div class="col-sm-4"> 
     3.3 
    </div> 
    <div class="clearfix"></div> 
    <div class="col-sm-4"> 
     <div class="row"> 
     <div class="col-sm-12"> 
      4.1T 
     </div> 
     <div class="col-sm-12"> 
      4.1T 
     </div> 
     </div> 
    </div> 
    <div class="col-sm-8"> 
     4.2 
    </div> 
    </div> 
</div>