Bootstrap Fliesen Grid - 4. Fliese hängt

Question

ich mit einem Raster von Fliesen für unseren Blog ein Problem habe

http://benefacto.org/blog/

Auf Ansicht Ports über 1024 die 4-Fliese auf einer eigenen Zeile endet .

Dies passiert nicht, wenn ich die Höhe der Kacheln # Blog-Kachel von Min-Höhe: 448px zu Höhe: 600px, aber dann ändert es die Proportionen auf kleinere Ansicht Ports.

Gibt es trotzdem kann ich die ansprechende Höhen halten, ohne das Gittersystem> Vielen Dank zu werfen, Ben

Answer 1

ich für Sie eine Lösung erhielt:

Ihre .blog-main werden diese Arten benötigen:

.blog-main { 
    display: flex; 
    flex-wrap: wrap; 
    padding: 3%; 
    background-color: #f0f0f0; 
    float: left !important; 
} 

Es sieht derzeit wie folgt aus:

.blog-main { 
    padding: 3%; 
    background-color: #f0f0f0; 
    float: left !important; 
} 

So wird es funktionieren, wie Sie es erwartet haben.

Dies funktioniert, weil die flex-Technologie sicherstellen wird, dass die horizontale Ausrichtung zwischen all Ihren Divs gleich ist.