引導柱高度不同

Question

我想用引導3的網格系統，實現如下： Image what I imagine. 然而，我所得到的與正常ROW和COL如下： This is what I get.

是否有我可以如何通過保持不同的高度並且最好保持元素的順序來使第二行的第一個元素與第一行的第一個元素完全匹配。

Answer 1

是這樣的嗎？

https://codepen.io/anon/pen/RgBqNr

<div class="row"> 
     <div class="col-xs-6"> 
     <div style="background: red"> 
      Hello<br/><br/><br/> 
     </div> 
     <div style="background: blue"> 
      Hello<br/><br/><br/> 
      Again<br/><br/><br/> 
     </div>   
     </div> 
     <div class="col-xs-6"> 
     <div style="background: cyan"> 
      Hello<br/><br/><br/> 
      Again<br/><br/><br/> 
     </div>   
     <div style="background: red"> 
      Hello<br/><br/><br/> 
     </div> 
     <div style="background: blue"> 
      Hello<br/><br/><br/> 
      Again<br/><br/><br/> 
     </div>   
     </div> 
    </div><!--/row--> 

Answer 2

也許你正在試圖做類似命名 Trello的應用程序。

您可以先嚐試該應用程序。

你可以做這個參考造型：Trello CSS Guide