Twitter bootstrap 引导未缩进内部行/列

我注意到引导并没有缩进我的内部行和列

当我创建顶层行/列时，左侧和右侧都有填充。但是，当我嵌套时，不应用填充：

<div class="row">
  <div class="col-sm-6">
    Left Side
  </div>
  <div class="col-sm-6" style="background: #AAAAAA">
    Right Side
    <div class="row">
      <div class="col-sm-6">
        Right Side Inner 1
        <div class="row" style="background: yellow;">
          <div class="col-sm-6">
            Right Side Inner 1.1
          </div>
          <div class="col-sm-6">
            Right Side Inner 1.2
          </div>
        </div>
      </div>
      <div class="col-sm-6">
        Right Side Inner 2
        <div class="row" style="background: green;">
          <div class="col-sm-6">
            Right Side Inner 2.1
          </div>
          <div class="col-sm-6">
            Right Side Inner 2.2
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

左侧
右侧
右侧内侧1
右侧内侧1.1
右侧内侧1.2
右侧内侧2
右侧内侧2.1
右侧内侧2.2

下面是一个例子：

请注意最外层的第6列（灰色）上的填充与内部内容（黄色和绿色）上的填充是如何相同的

引导是否只填充第一级行/列？

行做两件事：
-清除并修复浮动子列。
-偏移第一列和最后一列的最外层填充。此偏移允许无限嵌套

通过先在列上放置背景色，然后在内行上放置背景色，可以高亮显示此偏移。尝试在col-sm-6中添加bg颜色，以查看内容区域如何排列

这将有助于向您展示嵌套

.col-sm-6{
  Background: #eee;
}
.col-sm-6 .col-sm-6{
   Background: #ccc;
}
.col-sm-6 .col-sm-6 .col-sm-6{
  Background: #aaa;
}

等。

行做两件事：
-清除并修复浮动子列。
-偏移第一列和最后一列的最外层填充。此偏移允许无限嵌套

通过先在列上放置背景色，然后在内行上放置背景色，可以高亮显示此偏移。尝试在col-sm-6中添加bg颜色，以查看内容区域如何排列

这将有助于向您展示嵌套

.col-sm-6{
  Background: #eee;
}
.col-sm-6 .col-sm-6{
   Background: #ccc;
}
.col-sm-6 .col-sm-6 .col-sm-6{
  Background: #aaa;
}

等等