使引導箱在所有設備上的高度相同

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>

我想知道如何使它們具有相同的高度。 我已經在Google上搜索了此內容，但無能為力。

---

編輯：我希望它在每個設備上看起來像這樣

Answer 1

您可以使用min-width：;實現此目的。 和最小高度： 您可以使用此選項指定盒子所需的最小像素數量，這也可以防止您的網站在使用其他筆記本電腦/電腦（每個屏幕尺寸不同）時變形，並且如果您不希望它變大，您也可以將min替換為max as語句

Answer 2

您可以使用“ row-eq-height”類解決問題，這是一個引導默認CSS，用於在行中使用保持相等高度的多列。 您必須在我的演示版上檢查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