Bootstrap重置嵌套网格

Question

以下是我的问题示例：JS Fiddle

我有以下内容：

<div class="container">
   <div class="col-sm-10 col-sm-offset-1">
   <div class="row">
        <div class="col-xs-12">
            <div class="big-box">image</div>
        </div>
    </div>
   </div>
</div>

我希望内部<div class="col-xs12">是容器的默认大小。但是父母＆＃39; div正在接管（正如预期的那样）。如何在不删除父项的情况下停止此操作？

在JS Fiddle中你可以看到我想要做的事情。

Answer 1

我通过执行以下操作来修复此问题：

.col-sm-expand-2 {
  width: 120%;
  margin-left: -10%;
}

更新了JSFiddle