2016-07-22 11 views
0

Auf einem Bootstrap-Webshop-Vorlage, im Listing die Elemente in Col-MD-3 divs. Wie kann ich diese divs auf die gleiche Höhe setzen?Legen Sie bootstrap Col-md-3 divs auf die gleiche Höhe

Wenn der Artikelname zu kurz oder lang ist, oder vom Preis, wird nur der normale Preis angezeigt, jede Div-Höhe ist kleiner und sie sind nicht in der Zeile.

You can see the problem on the uploaded image

Gibt es eine jQuery-Plugin für dieses Problem? Oder CSS? Und ich will das nur, wenn das Benutzergerät nicht mobil ist.

+1

scheint wie eine doppelte Frage. Siehe [hier] (http://stackoverflow.com/questions/19695784/how-cani-i-make-bootstrap-columns-all-the-same-height) – tnschmidt

Antwort

0

Wenn Sie den heigter verwenden möchten, erhalten Sie die maximale Höhe und verwenden Sie für die ganze Box.

var maxHeight = 0; 

$(yourelemselector).each(function(){ 
    var thisH = $(this).height(); 
    if (thisH > maxHeight) { maxHeight = thisH; } 
}); 

$(yourelemselector).height(maxHeight); 

EDIT

Wenn die Arbeit, warum Sie die Antwort nicht akzeptieren? Zweitens können Sie nicht den gleichen Beitrag für verschiedene Fragen verwenden, übrigens, was Sie fragen, wie 'ich oben Eingabe Gruppe' ist nicht klar

Verwandte Themen