これらのブートストラップカラムの作成方法は？

Question

下記の写真などのブートストラップカラムを作成するにはどうすればよいですか？赤い線は同じサイズですか？ BSのドキュメントでは約Nesting columnsを読む

Answer 1

。また、Responsive column resetsについても読んでください。より直接的にあなたの質問に答えるために

- ここには何が必要です：

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