Css 引导程序3-列不'；不能填充整个网格

我试图创建一行，每行有3列

col-sm-4

。按照12列网格，这应该填满整个屏幕宽度。由于某些原因，边缘上的一小部分被遗漏了（请参见下图）。网站上的任何其他栏目都不会出现同样的情况

以下是代码：

<!-- Social -->
<div class="container">
    <div class="social row">
        <div class="twitter col-sm-4">
            <p><i class="icon-twitter icon-3x"></i></p>
        </div>
        <div class="youtube col-sm-4">
            <p><i class="icon-youtube icon-3x"></i></p>
        </div>
        <div class="facebook col-sm-4">
            <p><i class="icon-facebook icon-3x"></i></p>
        </div>
    </div>
</div>

---

谢谢大家!

如果我正确记住-20px，则内部容器上通常有一个边距。

如果我正确记住-20px，则内部容器上通常有一个边距。

看起来像是舍入错误。您的容器宽度不能被三整除，因此剩下两个像素。由于CSS在亚像素级别上不起作用，我建议使用背景色对其进行遮罩：

.social{
背景色：#39579A；/*与最后一列颜色相同*/
}

看起来像是舍入错误。您的容器宽度不能被三整除，因此剩下两个像素。由于CSS在亚像素级别上不起作用，我建议使用背景色对其进行遮罩：

.social{
背景色：#39579A；/*与最后一列颜色相同*/
}

您确定这不是空白/填充吗？另外，

container

通常会在左右两侧放置边距。您可以提供指向您的网页的链接吗。我强迫容器的宽度为100%@kougiland它仍然是本地的。我应该提供代码的任何其他部分吗？那么JSFIDLE请确认它不是空白/填充？另外，

container

通常会在左右两侧放置边距。您可以提供指向您的网页的链接吗。我强迫容器的宽度为100%@kougiland它仍然是本地的。我应该提供代码的其他部分吗？那么请提供JSFIDLE

/*************** 
    social
***************/
.social p{
    padding-top: 10%;
    padding-bottom: 5%;
    text-align: center;
    color: #FFFFFF;
}

.twitter {
    background-color: #3C92CF;
    box-shadow: 0 0 10px rgba(10, 10, 10, 0.2);
    z-index: 3;
    padding-bottom: 1%;
}

.youtube {
    background-color: #B1243B;
    box-shadow: 0 0 10px rgba(10, 10, 10, 0.2);
    z-index: 3;
    padding-bottom: 1%
}

.facebook {
    background-color: #39579A;
    box-shadow: 0 0 10px rgba(10, 10, 10, 0.2);
    z-index: 3;
    padding-bottom: 1%;
}