在Bootstrap

Question

我在两列中有三个不同大小的响应图像，我希望第一列中的图像与第二列中的两个图像具有相同的高度，包括边距底部25像素。我正在使用Bootstrap（3.3.5）。

＆＃13;

＆＃13;

.portfolio-item {
    margin-bottom: 25px;
}

＆＃13;

<div class="row">
  
  <div class="col-xs-5">
    <img class="portfolio-item img-responsive" src="http://res.cloudinary.com/dsie3eeqb/image/upload/v1443796067/mycab1-lg_qx4vue.png">
  </div>
  
  <div class="col-xs-7">
    <img class="portfolio-item img-responsive" src="http://res.cloudinary.com/dsie3eeqb/image/upload/v1443796064/mycab3-lg_ubywxj.png">
    <img class="portfolio-item img-responsive" src="http://res.cloudinary.com/dsie3eeqb/image/upload/v1443796063/mycab2-lg_gh5e0z.png">
  </div>    

</div>

＆＃13;

＆＃13;

＆＃13;

以下是CodePen上的链接 - http://codepen.io/sergiikovbasiuk/pen/meWrXK