行引导 - 行

Question

我正在进行中的工作

www.codepen.io/anon/pen/yMmjZb

我遇到的问题是我的第3行（具有3列的那一行）具有背景颜色设置但是这超出了我想要的边界。我怀疑是因为一行是整页宽度。我已尝试将背景单独应用于列，但是当页面调整大小时，每列会变为不同的高度，因此填充的底部不一致。 任何解决方案？

Answer 1

我检查了你的代码，这是解决方案。只需将col-md-4与col-md-12绑定即可占用填充，并将您的课程col-homepage提供给它。

  

这是笔 -

http://codepen.io/sahildhir_1/pen/BWXVoz

Answer 2

只需从行中删除margins即可。目前，您的边距为-15px;。设为0，行不会跨越整个宽度。

Answer 3

在行之后添加<div class="col-md-12">。在bootstrap中，我们总是将列包装在一行中。就像您在第二行中所做的那样，您需要在col-md-12

之后添加.row类

所以代码看起来像 -

<div class="row">
    <div class="col-md-12">
        <div class="container-fluid col-homepage">
        ....