嵌套列

<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 个可用列）。