引导柱高度不同

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