html - 引导容器，行和列用法

This question already has answers here:

Bootstrap row and col explanation
                                
                                    （4个答案）
                                
                        
                                3年前关闭。
            
                    
我大部分了解容器和列。我的问题是关于行。以下是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>

提前致谢！

最佳答案

如果包装具有行类的div，则div内的填充，边距和浮点设置将发生变化。

请在同一页面中同时使用它们，并小心处理。

关于html - 引导容器，行和列用法，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41527387/