利用可能であれば、ブートストラップ列を浮かせる方法

Question

私は4つのコンテナ、それぞれcol-md-6を持つ行を持っています。第3の容器をその上の垂直スペースを占めるように配置する方法はありますか？私は2つの列を作ることができますが、コンテナ2と3の内容が大きくなる可能性があるので、最も効率的なレイアウトに基づいてコンテナを並べ替えることができます。

Bootstrap Columns

`` `

<div class="container"> 
    <div class="row"> 
     <div class="col-md-6"> 
      <div class="feature-content4 item-content"> 
      ... 
      </div> 
     </div> 
     <div class="col-md-6"> 
      <div class="feature-content4 item-content"> 
      ... 
      </div> 
     </div> 
     <div class="col-md-6"> 
      <div class="feature-content4 item-content"> 
      ... 
      </div> 
     </div> 
     <div class="col-md-6"> 
      <div class="feature-content4 item-content"> 
      ... 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

それは本当に面白い問題です。あなたがコードの例を書かなかったのは残念です。たぶん、コンテナを2つの別々の列に並べ替えることを検討するべきです（下のコードのように）が、私は誰かが私よりもこの質問に答えることを願っています。

<div class="container"> 
    <div class="row"> 
     <div class="col-md-12 col-sm-12"> 

      <div class="col-md-6"> 
       <div class="col-md-12 col-sm-12"> 
        <div class="feature-content1 item-content"> 
       ... 
        </div> 
       </div> 
       <div class="col-md-12 col-sm-12"> 
        <div class="feature-content2 item-content"> 
       ... 
        </div> 
       </div> 
      </div> 
      <div class="col-md-6"> 
       <div class="col-md-12 col-sm-12"> 
        <div class="feature-content3 item-content"> 
        ... 
        </div> 
       </div> 
       <div class="col-md-12 col-sm-12"> 
        <div class="feature-content4 item-content"> 
       ... 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div>