行内のdivの隣にあるブートストラップグリッドの位置div

Question

divの1の隣にdiv 1とdiv 2と3の下にコードの下の画像が欲しいです。どうやってやるの？実際のコード：

 <div class="container-fluid"> 
      <div class="row"> 
      <div class="col-md-4 col_trainings">1</div> 
      <div class="col-md-3 col_downloads">2</div> 
      <div class="col-md-3 col_project">3</div> 
      <div class="col-sm-6 col_contact">4</div> 
      </div> 
     </div> 

Answer 1

あなたの第四のdivにMX-自動クラスを使用することができます。

<div class="container-fluid"> 
     <div class="row"> 
     <div class="col-md-4 col_trainings">1</div> 
     <div class="col-md-3 col_downloads">2</div> 
     <div class="col-md-3 col_project">3</div> 
     <div class="col-sm-6 mx-auto col_contact">4</div> 
     </div> 
    </div> 

このプロパティは、ブートストラップの第五列にあなたの最後のブロックを設定します。）

はthis postに見てください。楽しい ！

Answer 2

このためのライブラリがあります。 「軽量で独立したPinterestライクなカスケードグリッドレイアウトライブラリ」http://bricklayer.js.org