css - 将 Bootstrap 网格划分为子网格

Question

我在面向所有设备的网络应用程序中使用了 Bootstrap 。我已将主行分为三列(例如第二行)。现在我想将每个划分的列处理为另一组 12 列(如第三行)并将其划分。分主栏到子栏时，这里需要考虑屏幕尺寸吗？如果是这样，那么它的网格规范是什么，因为这里生成的列将具有不同的列宽？或者我必须为此目的使用表格标签。

Answer 1

Bootstrap 网格非常适合处理嵌套。并且还遵循与您期望的父级相同的响应式设计模式。

为了在 bootstrap 中嵌套一个 child 。在列内使用行。

例如

<div class="container">
  <div class="row">
    <div class="col-md-8">

    </div>
    <div class="col-md-8">
      <!-- Creating a child here and divide col-8 into 2 parts. -->
      <div class="row">

        <!-- Note that for bootstrap all the rows are always 12 columns --> 
        <div class="col-md-6">

        </div>
        <div class="col-md-6">

        </div>
      </div>
    </div>
  </div>
</div>

请记住，bootstrap 将所有行视为 12 列。