HTML + CSS：卡片佈局不清除前一行中的所有項目

Question

我有一個使用Bootstrap的網格佈局，其中每個div都有不同的高度。一旦我溢出到下一行，我希望我的div s鑲嵌而不是清除上一行中最高的項目。在我的bootply中，可以看到第二行上的div清除第一行中的最後一項高度。

我想該分區的第一個項目下拉昇，直接在第一行

Answer 1

在這個問題的幫助：stackoverflow.com/questions/19244268我是能夠使砌築插上響應加入媒體查詢爲他們.grid-sizer元素屏幕寬度：

.grid-sizer, 
.grid-item { 
    width: 50%; 
} 

@media (min-width: 768px) { 
    .grid-sizer, 
    .grid-item { 
     width: 50%; 
    } 
} 
@media (min-width: 992px) { 
    .grid-sizer, 
    .grid-item { 
     width: 33%; 
    } 
} 
@media (min-width: 1200px) { 
    .grid-sizer, 
    .grid-item { 
     width: 25%; 
    } 
} 
@media (min-width: 1600px) { 
    .grid-sizer, 
    .grid-item { 
     width: 20%; 
    } 
}