Question

我有这个非常简单的代码：

<body>
    <div class="myclass">
        <div class="row">
            <div class="col-md-10">Blah</div>
            <div class="col-md-2">
                <div>Hello </div>
            </div>
        </div>
    </div>
</body>

我加载了firefox，我发现该行占用了一些额外的空间。这会导致底部出现水平滚动条，因为浏览器认为网站宽度非常宽。这是一张照片：

不应该排到col-12就好吗？ col-10 + col-2加起来col-12，为什么我会得到额外的空间呢？

Answer 1

将.row换成.container。

或将padding: 0 15px;添加到您的myclass。

.myclass{
    padding: 0 15px;
}

网格和全宽布局 - 想要创建完全流畅布局的人（意味着您的站点拉伸视口的整个宽度）必须将其网格内容包装在包含填充的元素中：0 15px;抵消保证金：0 -15px;用于.rows。

col-10和col-2行在bootstrap 3中生成奇怪的间距

1 个答案: