Question

我的html结构如下：

<main class="main col col-sm-6" role="main" style="border:1px solid yellow;">
  <div class="mycontainer" style="border:1px solid red;">
    <div class="row" style="border:1px solid blue;">
     <!--Place here some colums-->
    </div>
  </div>
</main>

请点击此处了解详情：http://www.bootply.com/1r7RpM70uM

为什么“mycontainer”的左右边框（红色边框）显示在“行”边框内（蓝色边框）？为什么它不包裹“行”边界？以及如何解决这个问题？

注意：我需要“mycontainer”包装“row”

Answer 1

不确定您的要求到底在哪里。我为你做了一个新的叉子，看看这是不是你想要的？ http://www.bootply.com/AfOgKF2KVw

我所做的就是从内部div中删除行样式并应用于容器div：

Answer 2

bootstrap .row的默认css有一个margin:0 -15px;，所以为了能够覆盖它，添加 margin:0;到你的行。但它会减少色谱柱内的空间。

Bootstrap 3：在col显示中的div换行不正确

2 个答案:

Bootply