动态Bootstrap好

Question

我有一个模板，可以获取从外部程序生成的所有信息。我试图使这个模板更现代化，而不是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>

感谢任何帮助。

Answer 1

所以你想要的是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/