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

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

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

谢谢

最佳答案

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

您可以使用...解决它

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

关于html - Bootstrap 3.0.0 在行类上添加额外空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19432787/

相关文章:

javascript - 如何让两个div具有相同的borderRadius?

html - 需要帮助前端用户使用 Merchello 电子商务产品搜索功能

php - 自定义 PHP 脚本主页上的重复内容

javascript - 我的日历控件中的 CSS z-index 问题

css - 修复我的表的标题

javascript - 如何将 AngularJS 范围对象转换为简单的 JS 数组?

html - 在下拉子菜单中需要帮助

javascript - Select2 搜索字段上的搜索图标

html - 打印时数据表与页脚重叠

javascript - jquery下拉菜单和ajax窗口之间的冲突