Bootstrap-Spalte gleiche Höhe Problem

Question

In meiner Website Bootstrap Grid-Spalte gleiche Höhe funktioniert nicht. Wenn mein Produktname einen langen Text hat, erzeugt die Höhe ein Problem für die andere Spalte. Höhe Problem zu beheben i zwei CSS hinzufügen, aber nicht funktionieren

Hinzugefügt css

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

#equalheight { 
    overflow: hidden; 
} 

Meine Live-Link unten angegeben ist, auf dieser Seite zeigt Säulenhöhe Problem

bestehende div Struktur

<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

Verwenden Sie Höhe statt Polster und Rand. Padding und Margin erweitern das Div mit den Informationen, die du hineinlegst. Mit der Höhe, einer der Informationen innerhalb (wie Text oder img) trifft den Rand der div, wird Ihr Überlauf übernehmen und versteckte alle Informationen, die über das div hinausgeht.