Jquery bootstrap中的等高问题

我有2个col-md-6的div容器。第一个包含页面的一半区域，而socond包含2个div。问题是第二个容器中的区域不等于第一个div

<div class="container-fluid">

<div class="row">

<div class="col-md-6" ><img src="http://ste.india.com/sites/default/files/2015/12/05/438674-5-12-2015-show-gh8-o.jpg" class="img-responsive"></div>

<div class="col-md-6" >

<div col-md-12>
<img src="http://ste.india.com/sites/default/files/styles/zm_700x400/public/2015/12/06/438831-dpz6dcab-14s.jpg" class="img-responsive"></div>

<div class="col-md-12"  >
<img src="http://ste.india.com/sites/default/files/styles/zm_700x400/public/2015/12/06/438831-dpz6dcab-14s.jpg" class="img-responsive"></div>

</div>

参见示例

CSS:

HTML:

一个
两个

.group{width:100%; display:table;}
.one{width:50%; background:#999; display:table-cell; }
.two{width:50%; background:#ff0000; display:table-cell;}

<div class="group">
  <div class="one">One</div>
  <div class="two">Two</div>
</div>