在所有设备上使自举盒的高度相同

Question

我一直试图制作两个相同尺寸的面板（盒子），无论它们里面有多长时间。我已经意识到在我的电脑上两个盒子是对齐的，但是在我的笔记本电脑上它们并不是。 这是我的笔记本电脑上页面的样子：

代码：

$("selector-for-the-container").on("click", "button", function() {
    // Use `this` here (note this is different from the DOM version above)
});

我想知道如何才能让它们达到同样的高度。我在google上搜索过这个，但我无能为力。

编辑：我希望它在每台设备上看起来像这样

Answer 1

您可以使用min-width实现此目的：;和最小高度：;您可以使用此指定框所需的最小像素数量，这也可以防止您的网站在使用不同的笔记本电脑/个人电脑时变形（屏幕尺寸各不相同），如果您不希望它变得更大或者，你也可以用max替换min作为语句

Answer 2

使用class＆＃34; row-eq-height＆＃34;修复问题它是一个bootstrap默认css，用于将多列的高度保持为一行。你必须检查我的演示becoz上的html结构我改变了一点结构。

<div class="row">
    <div class="col-lg-12">
        <h1 class="page-header">
            Bine aţi venit la ATLmath!
        </h1>
    </div>
</div> .........cont.. 

http://codepen.io/inewton/pen/rrRwAw