ブートストラップ柱の高さの異なる

Question

は私がブートストラップ3のグリッドシステムには、次のされて使用して達成したい： Image what I imagine. はしかし、私は、通常の行とCOLを取得することは以下の通りです： This is what I get.

ありますどのようにして2番目の行の最初の要素を最初の行の最初の要素に合わせるか、要素の順序を保つことによって、異なる高さに保つことができます。

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