我有一个模板,可以获取从外部程序生成的所有信息。我正在尝试使此模板更现代一些,而不是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/

10-13 01:41
查看更多