删除行第一位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以上的屏幕。据推测，你使用的手机至少有很多像素，因此列上显示。