引导网格将div放在div旁边

Question

我想在div 1旁边和div 2和3下面的div 4，就像代码下面的图像一样。我怎样才能做到这一点？实际代码：

       <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

您可以将mx-auto类用于第4个div。

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

此属性将在bootstrap的第5列设置最后一个块;）

了解this post。享受！

Answer 2

有一个图书馆。 ＆＃34;轻量级和独立的Pinterest式级联网格布局库＆＃34; http://bricklayer.js.org