删除引导程序中的相邻列空格

Question

我只是张贴一张图片，以便更容易理解，因为发布一个JSfiddle会涉及大量的html和大量格式化CSS（响应式图片三角形）。

我在bootstrap中有两行，一行有3个div，每行＃34; col-sm-4＆＃34;。第二行有4个div，每个＆＃34; col-sm-3＆＃34;。由于图像是三角形，所以列邻接有大的空白间隙。无论如何可能重叠列（或完全做其他事情）去除那个空格并使所有三角形更接近，并且大小相同？

Answer 1

col-sm-4在设备视口上的宽度为33.33％尝试通过赋予样式表更高的特异性来减小.col-sm-4的宽度.col-sm-4在bootstrapmin中占33.33％样式表中的.css将外部div类名称设置为triangle-container，并在样式表中声明.traingle-container .col-sm-4并给它们宽度为15％。通过这种方式它变得更加紧密。

Answer 2

这个类dontwantpadding会为你做的伎俩。在您的div中，您只需要添加类，如<div class="col-sm-4 dontwantpadding"></div>

在自定义css中你将有一个类：

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