jquery - Bootstrap 中的等高问题

标签 jquery html css twitter-bootstrap

<分区>


关闭 7 年前

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

最佳答案

参见示例 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>

关于jquery - Bootstrap 中的等高问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34125913/

上一篇:css - 如何在 Wordpress 中设置特定页面链接导航栏的样式?

下一篇:jquery - 响应式图像仅在浏览器刷新时缩放

相关文章:

jquery - 使用代理的跨站点 ajax 不起作用

javascript - 我需要有人来 ELI5 这个 Skrollr.js 功能

html - Angular 7 : Dynamically generate template

iphone - 如何让 --webkit-tap-highlight-color 突出显示整个 DIV?

jquery - 在 ejs 模板中使用 jQuery

jquery - 如果我点击外部,如何隐藏下拉菜单?

javascript - jQuery 虚拟 ID?

html - Bootstrap 图像分散像这个网站

css - HTML:如何为长段落创建只有垂直滚动条的 DIV?

jquery - 如何用自动功能替换.click