2016-09-03 5 views
0

Ich benutze Bootstrap .row mit 3 .col-md-4 innerhalb. Wenn einer von ihnen länger als die anderen ist, erscheint freier Speicherplatz. Ich möchte, dass sie die verbleibende Höhe ausfüllen. Kannst du mir sagen, was soll ich tun? Ich möchte keine absolute Positionierung und feste Größe verwenden. Ich möchte, dass es so schnell wie möglich reagiert.
Example imageFüllen Sie die verbleibende Höhe der Spalte

Antwort

0

Wie in this question vorgeschlagen, können Sie negative Margen verwenden:

.row { 
    overflow: hidden; 
} 

[class*="col-"]{ 
    margin-bottom: -99999px; 
    padding-bottom: 99999px; 
} 

Live demo vor negative Margen verwenden.

Live demo nach der Verwendung von negativen Margen.

Mit dieser Methode wird die Reaktionsfähigkeit erhalten.

bearbeiten: Diese Frage ist ein mögliches Duplikat How can I make Bootstrap columns all the same height?

+0

Flex aus verknüpften Frage hat meine Probleme gelöst. – Mordi

Verwandte Themen