ブートストラップdivの高さ

Question

私はhtmlコードを持っていますが、私はブートストラップを使用しています。しかし、ブラウザの幅を変更して2 + 2列（col-sm-6）を得たとき 私の第1と第2のフッタウィジェットの高さが異なっています。

だから私は、ブートストラップ3の場合は、すべてのフッターウィジェットのための1つの高さ

<div class="container"> 
    <div class="row"> 
     <div class="col-md-3 col-sm-6"> 
      <div class="footer-widget"> 
       <p>lorem ipsum</p> 
       <p>lorem ipsum</p> 
       <p>lorem ipsum</p>   
      </div> 
     </div> 
     <div class="col-md-3 col-sm-6"> 
      <div class="footer-widget"> 
       <p>lorem ipsum</p> 
      </div> 
     </div> 
     <div class="col-md-3 col-sm-6"> 
      <div class="footer-widget"> 
       <p>lorem ipsum</p> 
       <p>lorem ipsum</p> 
      </div> 
     </div> 
     <div class="col-md-3 col-sm-6"> 
      <div class="footer-widget"> 
       <p>lorem ipsum</p> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

を持ちたい、あなたはフレキシボックスを利用するカスタムクラスを追加することができます。エレメントequalをrowエレメントに追加します。

.equal, .equal > div[class*='col-'] { 
    display: flex; 
    flex:1 1 auto; 
    flex-wrap: wrap; 
} 

デモ：http://www.codeply.com/go/lO116mxmuZ

注：ブートストラップ4、余分なCSSは必要ないだろうので、デフォルトでフレキシボックスを使用していますのhttp://www.codeply.com/go/IJYRI4LPwU