在行的第一个位置删除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-small 并添加到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的屏幕。据推测，您使用的手机至少有很多像素，因此列上会显示出来。