Question

找到答案!!已发布在下面。我查看了grid.less文件，并在那里设置了网格装订线宽度。

我正在使用bootstrap构建一个响应式网站，使用less and grunt进行编译。

我使用了bootstrap div类网格col-md-4来制作3个相同大小的网格框。

我不想要一个边框并且没有添加一个边框，但是在我的页面的右侧，滚动条旁边的右边有一个白色的间隙，我无法摆脱它。此外，当我使窗口尺寸变小时，它上方的col-md-12网格之间会出现白色间隙。我怎样才能解决这个问题？我不知道（对此非常新），搜索并没有让我得到任何解决方案，所以我没有尝试解决这个问题，因为我没有。任何建议都很棒，请。

白色差距

我尝试将width:100%;添加到override.less CSS文件中。

这是我的代码

HTML

<div class="col-md-4">
    <div class="text-center"><img src="gridimage1SMALL.png"></div>
    <div class="classWithPadTITLES">
        <h2><b>     <center>Title </center>  </b></h2>
    </div>
    <div class="classWithPad">
        <p> content
        </p>
    </div>
</div>

对于每个网格框，我有3个。

CSS

.col-md-4 {
    background-color:#333;  /*replaced old colour rgba(97,7,166,1.00) with grey*/
    color:#fff;
    font-size:20px;
    font-weight:semilight;
    height: 450px;
    width:100%;
    padding:0px;
}

非常感谢任何帮助，谢谢！

Answer 1

我已经在变量中找到了。没有一些代码设置网格装订线宽度：

@ grid-gutter-width：30px; 它是30px，如果我将其更改为0px并将其移动到我的覆盖变量。无文件，我在任何地方都没有白线！

Answer 2

因为身体有一些初始边距和填充。删除

body{
 margin: 0;
 padding: 0;
}

为什么我的Bootstrap网格末尾有白线/额外填充

2 个答案: