巢狀列

<div class="row">
  <div class="col-sm-9">
    Level 1: .col-sm-9
    <div class="row">
      <div class="col-xs-8 col-sm-6">
        Level 2: .col-xs-8 .col-sm-6
      </div>
      <div class="col-xs-4 col-sm-6">
        Level 2: .col-xs-4 .col-sm-6
      </div>
    </div>
  </div>
</div>

該示例取自[ http://getbootstrap.com/css/#grid-nesting][1]

正如官方網站的檔案所示

要使用預設網格巢狀內容,請在現有 .col-sm- *列中新增新的 .row 和 .col-sm- *列。巢狀行應包含一組最多可新增 12 個或更少的列(不要求你使用所有 12 個可用列)。

StackOverflow 文件