Question

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

由于

Answer 1

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

您可以使用...

解决此问题

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

Answer 2

Skelly 是对的！使用该解决方案，您的问题将已解决 ...
但是如果你看到你的cols左侧或右侧并且不是居中，你可以使用这段代码（稍微更改一下Skelly的代码）

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

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

2 个答案: