引導程序重置嵌套網格

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">是容器的默認大小。 但是“父母” div正在接管（正如預期的那樣）。 如何在不刪除父項的情況下停止此操作？

在JS小提琴中，您可以看到我正在嘗試做的事情。

Answer 1

我通過以下操作解決了這個問題：

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

更新了JSFiddle