ブートストラップタイルグリッド - 第四タイルは

Question

は、私は私たちのブログのためのタイルのグリッドに問題を抱えているハング4タイルは、独自の行に終わる1024以上のビューポートで

http://benefacto.org/blog/

。

タイルの高さをmin-height：448pxからheight：600pxに変更すると、これは起こりませんが、小さいビューポートでは比率がアップセットされます。

は、私は、グリッドシステムをスローせずに応答の高さを維持することができるとにかくあり>多くのおかげで、 ベン

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間で水平方向の配置が同じになるためです。