引导容器，行和列使用[重复]答案

【问题标题】：Bootstrap containers, rows and col usage [duplicate]引导容器，行和列使用[重复]
【发布时间】：2017-01-08 06:50:40
【问题描述】：

我了解大部分容器和列。我的问题是关于行。下面是 50 / 50 拆分。

 <div class="container">
    <div class="row">
       <div class="col-md-6">
          50 / 50 Content
       </div>
       <div class="col-md-6">
          50 / 50 Content
       </div>
    </div>
 </div>

如果我再一次，要在一个区域中拆分这些列之一，我是否会再次添加另一个行 div，如下所示？

 <div class="container">
     <div class="row">
        <div class="col-md-6">
           50 / 50 Content
           <div class="row">
              <div class="col-md-6">
                 Sub 50 / 50 Content
              </div>
              <div class="col-md-6">
                 Sub 50 / 50 Content
              </div>
           </div>
        </div>
        <div class="col-md-6">
           50 / 50 Content
        </div>
    </div>
 </div>

提前致谢！

【问题讨论】：

您的代码应该可以工作。问题是什么？我也会更改缩进，但这不会改变功能，只会使代码更具可读性。
是的，它记录在案的here
问题是，每次我细分一列时，我是否添加另一个包含这些子列的行 div？无论是 50 / 50、20 / 80 等等……只要我的 cols 加起来是 12。
你试过什么？怎么了？你想发生什么？请提供minimal reproducible example。您可能正在寻找 Bootstrap “Well”。
Dani 我什么都试过了，一切都发生了！！！！！！谢谢@tmg，这就是我正在寻找的“嵌套”。所以是的，每次你有嵌套的cols。他们在一排之内。太棒了！

标签： html css twitter-bootstrap

【解决方案1】：

如果您包装一个具有行类的 div，则 div 内部的填充、边距和浮动设置将会改变。

在同一页面中使用两者并小心处理。

【讨论】：