Twitter bootstrap 引导行跨越12列

Twitter bootstrap 引导行跨越12列,twitter-bootstrap,Twitter Bootstrap,我试图创建一个两行的列,如图所示 为什么绿色和蓝色的长度不与黄色方块的长度相同?黄色方框设置为“col-md-12”。我如何让它跨越相同的长度 <div class="container"> <div class="row"> <div class="col-md-6 block1"> </br></br></br></br> </br></br><

我试图创建一个两行的列,如图所示

为什么绿色和蓝色的长度不与黄色方块的长度相同?黄色方框设置为“col-md-12”。我如何让它跨越相同的长度

<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>






















多谢各位

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

请参见我的代码笔:

您可以在“两列两嵌套列”部分下的文档中查看更多信息:


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

请参见我的代码笔:

您可以在“两列两嵌套列”部分下的文档中查看更多信息:


col-md-6=1/2,所以可以将行按一半划分,然后再按一半划分。您需要使用col-md-12来获得col-md-6col-md-6中的1/1=1/2,这样您就可以将行除以一半,然后再除以一半。您需要使用col-md-12获得col-md-6Eric G中的1/1。非常感谢您的帮助和文档参考。我根据你的代码笔参考来修复它。Eric G。非常感谢你的帮助和文档参考。我根据你的密码笔参考资料修正了它。