Question

我有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>

Answer 1

参见示例fiddle

CSS：

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

HTML：

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

引导程序中的高度相同问题

1 个答案: