すべてのデバイスでブートストラップ・ボックスの高さを同じにする

Question

私は2つのパネル（ボックス）を同じサイズにしようとしていました。私は自分のコンピュータで2つのボックスが整列していることに気が付いたが、私のラップトップではそうではない。 はこちらのページは私のラップトップ上のように見える方法は次のとおりです。

コード：

<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

クラス "row-eq-height"を使用して問題を解決します。複数の列の等高を維持するためのブートストラップのデフォルトCSSです。私のデモでhtml構造をチェックしなければならないbecoz私は少し構造を変更しました。

<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

Answer 2

すべてのデバイス上で次のようになりたいと思います：;最小高さ：これを使用してボックスに必要な最小限のピクセル数を指定することができます。これにより、別のラップトップ/ PC（画面サイズがそれぞれ異なる）を使用しているときにウェブサイトが変形するのを防ぐことができます。また、minをmaxステートメントで置き換えることもできます