ブートストラップ列等しい高さの問題

Question

私のサイトでは、ブートストラップグリッド列は同じ高さでは動作しません。私の製品名に長いテキストがあると、他の列の高さが問題になります。高さの問題を修正するために私は2つのCSSを追加しなく

を追加しましたCSSは

.demo{ 
    margin-bottom: -99999px; 
    padding-bottom: 99999px; 
    background-color:#efefef; 
} 

#equalheight { 
    overflow: hidden; 
} 

マイライブページリンク与え怒鳴る、このページショーの柱の高さの問題

既存のdiv構造で働く

<div class="row "> 
    <div id="equalheight"> 
     <div class="col-sm-6 col-md-4 wow fadeInUp demo"> 
     <div class="products "> 
     </div> 

     </div> 

    </div> 
</div> 

Answer 1

パディングと余白の代わりに高さを使用してください。 PaddingとMarginはdivをあなたが入れた情報で展開します。高さでは、内部の情報（テキストやimgなど）がdivの端に当たってオーバーフローが引き継がれ、divを超える情報が隠されます。