html - 使 Bootstrap 框在所有设备上具有相同的高度

Question

我一直在尝试使两个面板(框)大小相同，无论它们里面的文字有多长。我意识到在我的电脑上这两个盒子是对齐的，但在我的笔记本电脑上它们不是。这是该页面在我的笔记本电脑上的样子:

代码:

<div class="row">
        <div class="col-lg-12">
            <h1 class="page-header">
                Bine aţi venit la ATLmath!
            </h1>
        </div>
        <div class="col-md-6">
            <div class="panel panel-info">
                <div class="panel-heading">
                    <h4><i class="glyphicon glyphicon-book"></i> Probleme rezolvate</h4>
                </div>
                <div class="panel-body">
                    <p>Puteţi găsi modele de probleme rezolvate, împreuna cu explicaţii si desene pentru a asigura fixarea cunoştinţelor. Problemele rezolvate sunt grupate in două categorii:</p>
                    <ul>
                        <li>Probleme de geometrie</li>
                        <li>Probleme de algebră</li>
                    </ul>

                    <a href="probleme.php" class="btn btn-primary" style="display:block;">Probleme</a>

                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="panel panel-info">
                <div class="panel-heading">
                    <h4><i class="glyphicon glyphicon-ok"></i> Probleme de testare a cunoştinţelor</h4>
                </div>
                <div class="panel-body">
                    <p>Testele de evaluare vor testa capacitatea elevilor de a rezolva probleme similare cu cele din categoria "Probleme rezolvate". Şi aici, problemele vor fi grupate in două categorii:</p>
                    <ul>
                        <li>Probleme de geometrie</li>
                        <li>Probleme de algebră</li>
                    </ul>
                     <a href="teste.php" class="btn btn-primary" style="display:block;">Teste</a>
                </div>
            </div>
        </div>
    </div>

我想知道如何使它们的高度相同。我在谷歌上搜索过这个，但我什么也做不了。

---

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

Answer 1

您可以使用最小宽度来实现此目的:;和最小高度:；您可以使用它指定框所需的最小像素数量，这也将防止您的网站在使用不同的笔记本电脑/个人电脑(每个屏幕尺寸不同)时变形，如果您也不希望它变大，您也可以将 min 替换为 max as 语句