Bootstrap плитки Сетка - четвёртая плитка висит

Question

У меня возникли проблемы с сеткой плитки для нашего блога

http://benefacto.org/blog/

на просмотр портов выше 1024 4 плитка заканчивается на линии своих собственных ,

Это не происходит, если я изменяю высоту плитки # блога-плитки с минимальной высоты: 448 пикселей на высоту: 600 пикселей, но тогда это расстраивает пропорции на небольших портах представления.

Есть в любом случае я могу поддерживать адаптивные высоты, не бросая систему сетки> Большое спасибо, Бен

Answer 1

Я получил решение для Вас:

ваш .blog-main потребуются эти стили:

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

В настоящее время выглядит следующим образом:

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

Таким образом, он будет работать так, как вы ожидали.

Это работает, потому что технология flex гарантирует, что горизонтальное выравнивание будет равным между всеми вашими div.