我有一个模板,可以获取从外部程序生成的所有信息。我正在尝试使此模板更现代一些,而不是1992年。
用于处理表格的页面。它看起来不太好,所以我试图移开桌子,只让屏幕上的所有内容流畅。
对于文本的容器,我使用了bootstrap well
类。问题在于,如果一口井的长度比另一口井的长一些,那么它看起来就很奇怪。我需要两个<div class="well">
都必须是最高的高度。
我尝试使用许多不同的CSS来做到这一点。我真的不想回到餐桌。
代码如下。
<div class="col-md-12">
<div class="col-md-6">
<div class="well">
<h3>Heading</h3>
Info
<br>
<br>
</div>
</div>
<div class="col-md-6">
<div class="well">
<h3>Heading</h3>
Info
<br>
<br>
</div>
</div>
</div>
任何帮助表示赞赏。
最佳答案
所以您想要的是div's
高度必须等于具有大量数据的div ...
尝试使用jQuery。
var maxHeight = Math.max.apply(null, $(".well").map(function ()
{
return $(this).outerHeight();
}).get());
$('.well').height(maxHeight);
看一下这个:
https://jsfiddle.net/x3ehq57g/2/
关于html - 动态自举井,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35691462/