如何對齊像這樣的bootstrap cols

Question

有沒有辦法用紅色框填充這個空白區域？即時通訊使用的引導電網

<div class="row"> 
    <div class="col-md-3"> 
    </div> 
    <div class="col-md-3"> 
    </div> 
    <div class="col-md-6"> 
    </div> 
    <div class="col-md-6"> 
    </div> 
    <div class="col-md-3"> 
    </div> 
    <div class="col-md-3"> 
    </div> 
</div> 

Answer 1

您可以使用以下格式如下：

<div class="row"> 
    <div class="col-md-6"> 
     <div class="row"> 
      <div class="col-md-12">Yellow</div> 
      <div class="col-md-12">Red</div> 
     </div> 
    </div> 
    <div class="col-md-6"> 
     <div class="row"> 
      <div class="col-md-12">Red</div> 
      <div class="col-md-12">Yellow</div> 
     </div> 
    </div> 
</div>