カスタム3列のテンプレート、私はこのように、2列のブートストラップグリッドテンプレートを持っている私のサイトで

Question

[ブートストラップ]：私は尊重し、COL-SM-4の下の下のボックス/列を追加したいと思い

この画像のように、応答性の高いブートストラップ：

可能でしょうか？前もって感謝します。ただ行部門のために使用されるブートストラップの列のグリッドシステムで

Answer 1

ができますが、多分これはあなたの必要性を実現することができる方法

.block { 
 
    background: gray; 
 
    min-height: 100px; 
 
    height: 100%; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet" /> 
 
<div class="container" style="width:100%"> 
 
    <div class="row"> 
 
    <div class="col-sm-4"> 
 
     <div class="row"> 
 
     <div class="col-sm-12"> 
 
      <div class="block"> 
 
      A 
 
      </div> 
 
     </div> 
 
     </div> 
 
     <div class="row"> 
 
     <div class="col-sm-12"> 
 
      <div class="block" style="background: red"> 
 
      B 
 
      </div> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    <div class="col-sm-8"> 
 
     <div class="block"> 
 
     C 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

を次のように1列に2つの行を作成することができます通常は左の列に2つのブロック要素を追加するのと似ています