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
0
A
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?
Verwandte Themen
- 1. Füllen Sie die verbleibende div-Höhe nur mit CSS
- 2. Lassen Span die verbleibende Breite füllen?
- 3. Machen Sie zwei Divs besetzen die verbleibende Höhe
- 4. Ich versuche, die zweite Bootstrap-Zeile die verbleibende Höhe zu füllen
- 5. Bootstrap - Resthöhe einer Spalte füllen
- 6. Machen Sie Flex-Elemente in der zweiten Reihe nehmen Sie die verbleibende Höhe des Containers
- 7. Element Erweiterung vertikal zu füllen Eltern verbleibende Raum
- 8. Machen div nehmen Sie die verbleibende Höhe, nachdem ein anderes Div seine Höhe darunter nehmen
- 9. berechnen verbleibende Höhe mit CSS calc()
- 10. 50% Höhe Zentriertes Hintergrundbild und der verbleibende Platz eine Hintergrundfarbe
- 11. Wie teilt man die verbleibende Höhe zwischen zwei Elementen auf?
- 12. php die verbleibende Zeitrahmen
- 13. Div, um die gesamte verbleibende Breite aufzunehmen
- 14. Füllen Sie leere HTML-Spalte Tabellen
- 15. Füllen Sie die fehlenden Datumswerte in einer Pandas Dataframe Spalte
- 16. facet_wrap füllen durch Spalte
- 17. Bootstrap 4: Wie macht man die verbleibende Höhe in der Reihe?
- 18. Füllen Sie eine RadComboBox-Spalte von Xaml
- 19. VB.NET - Füllen Sie bestimmte Spalte von Datagridview eine andere Spalte
- 20. Wie kann man die verbleibende Breite des Elements füllen, wenn die Geschwisterbreite variabel ist?
- 21. Machen Sie zwei Spalte gleiche Höhe
- 22. Füllen Sie die fehlenden Werte in einer Spalte durch die Spalte selbst und das Datum
- 23. Füllen der ersten Spalte einer JTable
- 24. Feste Breite div auf der linken, füllen verbleibende Breite div auf der rechten Seite
- 25. Füllen Zelle der Spalte DataGrid mit Join
- 26. Füllen einer Ansicht, die `wrap_content` als Höhe hat
- 27. Machen Spalte Höhe gleich
- 28. Füllen Sie Fliesen nacheinander auch unterschiedliche Breite und Höhe
- 29. CSS-Höhe: Füllen Sie den verfügbaren Platz. Keine festen Höhen
- 30. Restliche Höhe mit CSS-Flexbox füllen
Flex aus verknüpften Frage hat meine Probleme gelöst. – Mordi