Question

我尝试创建一个2行列，如此处所示。https://codepen.io/centem/pen/bojLLb

为什么绿色和蓝色跨度与黄色块的长度不同？黄色块设置为＆＃34; col-md-12＆＃34;。如何让它跨越相同的长度？

<div class="container">
  <div class="row">
    <div class="col-md-6 block1">
      </br></br></br></br>
      </br></br></br></br>
    </div>
    <div class="col-md-6">
      <div class="row">
        <div class="col-md-6 block2">
          </br></br></br></br>
        </div>
      </div>
     <div class="row">
       <div class="col-md-6 block3">
         </br></br></br></br>
       </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12 block4">
      </br></br></br></br>
    </div>
  </div>
</div>

谢谢。

Answer 1

两行的宽度相同。您的问题是您在行内创建行。一旦你这样做，它再次服从12列规则。因此，您需要将其更改为col-md-12。

请在我的codepen中查看：

https://codepen.io/egerrard/pen/qPyoNQ

您可以在他们的文档中的＆＃34;两列带有两个嵌套列＆＃34;的文档中看到更多相关信息。部分：

https://getbootstrap.com/docs/3.3/examples/grid/

自举行跨越12列

1 个答案: