1

我正在使用 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。基本上我想更改行的背景颜色，但我希望它跨越整个页面。

谢谢

4

2 回答 2

1

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

您可以使用...解决它

.row {
  margin-left: 0px;
  margin-right: 0px;
}
于 2013-10-17T17:02:42.587 回答
0

斯凯利是对的！使用该解决方案，您的问题将得到解决......
但如果您看到您的 cols 粘在左侧或右侧并且没有居中，您可以使用此代码（对 Skelly 的代码稍作更改）

.row {
  margin-left: auto !important;
  margin-right: auto !important;
}
于 2013-12-10T08:34:00.530 回答