3列网格中不需要的空格

Question

我有这个网格，它必须占据整个容器的宽度，但它不断地在左右两边增加不需要的空间。我在区域周围添加了一个边框：http://i.imgur.com/0FP64kK.png

有一个容器包装器div和3个带有col lg-4的div。

到目前为止，唯一有效的方法是在左侧块上设置负边距，我认为这不是理想的做法。

如何确保全宽被消耗？

Answer 1

如果您正在从less源代码编译Bootstrap，只需将variables.less中的@grid-gutter-width变量更改为值0。它是使用默认值30px分发的。

不要修改，只需修改css文件。在less源代码中有15个地方引用了@grid-gutter-width，然后这些地方又被引用到更多的地方-换句话说，该变量具有深远的影响。仅仅修改已编译的css文件将不可避免地使整体样式处于糟糕的状态。

Answer 2

默认情况下，所有的"col“div在左边和右边都有15px的填充。您将想要更改：

.col-lg-4 {
    padding-left: 15px;
    padding-right: 15px;
    }

至

.col-lg-4 {
    padding-left: 0;
    padding-right: 0;
    }