Angular UI Router - ui-view打破了bootstrap嵌套列

Question

我使用ui-router，在<ui-view />内渲染模板时，嵌套列的填充加倍。除了为嵌套cols设置填充为零之外还有其他工作吗？

<ui-view>
<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>
</ui-view>

Level 1: .col-sm-9
  Level 2: .col-xs-8 .col-sm-6 Level 2: .col-xs-4 .col-sm-6

应呈现为：

Level 1: .col-sm-9
Level 2: .col-xs-8 .col-sm-6 Level 2: .col-xs-4 .col-sm-6

Answer 1

问题在于第三方样式表设置左右边距为0.