Bootstrap 3.0.0 在行类上添加额外空间答案

【问题标题】：Bootstrap 3.0.0 adding extra space on row classBootstrap 3.0.0 在行类上添加额外空间
【发布时间】：2013-12-10 16:34:00
【问题描述】：

我正在使用 Bootstrap 3.0.0。我试图让一行跨越整个屏幕（而不是将其放在一个“容器”中，它将与其余内容居中。

由于某种原因，当我这样做时，该行在页面末尾添加了一个额外的空间，导致出现水平滚动条。空间约为 5px。

我的代码如下所示：

    <body>
        <div class="row">
            <div class="col-xs-6">
                hello
            </div>
            <div class="col-xs-6">
                Hello
            </div>
        </div>
    <script src="js/bootstrap.min.js"></script>
</body>

我根本没有做任何修改，也没有自定义 CSS。基本上我想更改行的背景颜色，但我希望它跨越整个页面。

谢谢

【问题讨论】：

您可以轻松地添加.container {max-width:100% !important;}。不过，请提醒我不要访问您的网站……在 1440p 显示器上查看此类网站真是太糟糕了……:)

标签： html css twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

这是 BS 3 中的一个已知问题 - https://github.com/twbs/bootstrap/issues/9862?source=cc

您可以使用...解决它

.row {
  margin-left: 0px;
  margin-right: 0px;
}

【讨论】：

【解决方案2】：

斯凯利是对的！使用该解决方案，您的问题将得到解决...
但如果您发现您的 cols 是靠左或靠右而不是居中，您可以使用此代码（对 Skelly 的代码稍作更改）

.row {
  margin-left: auto !important;
  margin-right: auto !important;
}

【讨论】：