刪除行第一位div-col-md-4

Question

我在我的html頁面有12個塊，每行有4個圖像。 但我想刪除塊10和13保持其位置空在響應我不希望出現這種情況空白：查找圖像enter image description here

這裏是鏈接到代碼筆https://codepen.io/rahulv/pen/mwEQJo

<div class="col-sm-3"></div> 

我想使用空白空間而不是位置10和13的位置11和12應在中心

Answer 1

修改您的codepen：https://codepen.io/anon/pen/weWQmG

從你的評論更新時間：

添加CSS類10和13 .show小 並添加CSS：

.show-small{ 
    visibility: hidden; 
} 
@media screen and (max-width: 768px){ 
    .show-small{ 
    display: none; 
    } 
} 

Answer 2

使用COL-MD-3或COL-LG-3。這樣，這些列只會顯示在較大的顯示中。

Here您可以看到哪些屏幕尺寸與哪些尺寸前綴對應。 -sm-指768px以上的屏幕。據推測，你使用的手機至少有很多像素，因此列上顯示。