响应方形和矩形相同的高度

Question

我使用bootstrap 3构建响应式网站。 我有2排。一行（左侧）有3个div，右侧有一个大div。 使用填充我调整左边的3个div与大div相同的大小。 我的问题是，我无法使两行始终处于同一高度。

HTML：

<div class="row">
   <div class="col-xs-24 pull-right">
      <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
         <div class="carousel-inner">
           * images *
         </div>
      </div>
   </div>
</div>
    <div class="row">
       <div class="col-xs-24">
          <ul class="list-unstyled subject_list">
              <li id="" class="subject_button">
                 <div class="">
                    Div 1
                 </div>
              </li>
              <li id="" class="subject_button">
                 <div class="">
                    Div 3
                 </div>
              </li>
              <li id="" class="subject_button">
                 <div class="">
                    Div 3
                 </div>
              </li>
           </ul>
        </div>
      </div>