删除bootstrap中相邻的列空白

Question

我将只发布一张图片来使这一切更容易理解，因为发布JSfiddle将涉及大量的html和大量的格式化CSS (响应式图片三角形)。

我在bootstrap中有两行，一行有3个div，每个“col sm-4”。第二行有4个div，每个“col sm-3”。在列相邻的地方有很大的空格间隙，因为图像是三角形。有没有什么办法可以重叠这些列(或者做一些完全不同的事情)来删除空格，使所有的三角形更接近，并且大小相同？

​

​

Answer 1

col sm-4在设备视口中的宽度为33.33%，尝试通过赋予其更高的特异性来减少样式表中的.col-sm-4的宽度。col sm-4在样式表中使用33.33%的容器，并在样式表中声明.traingle- bootstrapmin.css .col-sm-4，并将它们的宽度设置为15%。这样，它就变得更紧密了。

Answer 2

类dontwantpadding将为您完成这项工作。在您的div中，您只需添加类似于<div class="col-sm-4 dontwantpadding"></div>的类

在自定义css中，您将拥有一个类：

.dontwantpadding {
    margin: 0 !important;
   padding: 0 !important;
}