Bootstrap 4 mit Kartenspalten, kann Media-Abfrage nicht arbeiten

Question

Ich habe eine einfache Bootstrap-Karte Beispiel hier, die 14 Karten http://www.bootply.com/1ERCHtYa8k verwendet. Ich habe eine Medienabfrage verwendet, um die Spaltenanzahl von der üblichen festen Anzahl von 3 auf mehr oder weniger Spalten basierend auf der Bildschirmgröße anzupassen.

Aus irgendeinem Grund am großen Unterbrechungspunkt, wo ich 6 Spalten angegeben habe, zeigt es immer 5. Die anderen Haltepunkte funktionieren OK und ich bin mir nicht sicher, warum es das tut oder wie zu beheben.

Ich habe auch bemerkt, dass, wenn ich die Anzahl der Karten variieren, im Großen und Ganzen die Anzahl der Spalten auf seltsame Weise ändert. Zum Beispiel das gleiche Beispiel, aber mit nur 7 Karten http://www.bootply.com/7yubrPSKgQ# wenn Größe zu groß wird nur 4 Spalten zeigen. Verstehe nicht warum.

Ich benutze die neueste Chrome auf Windows 10 Maschine.

Alle Informationen/Hilfe geschätzt. Vielen Dank.

Answer 1

Es scheint ein Problem mit der Spaltenanzahl zu geben, wenn der gesamte Spalteninhalt dieselbe Höhe hat. Der workaround described here Inhalt mit variabler Höhe scheint zu funktionieren.

http://www.bootply.com/LsJ7Gxc4zZ

Das Problem mit column-count ist spezifisch für CSS3/Browser, nicht Bootstrap.