html - 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">成为容器的默认大小。但是“父”div 正在接管(正如预期的那样)。我怎样才能在不删除父级的情况下停止它？

在 JS Fiddle 中，您可以看到我正在尝试做什么。

Answer 1

我通过执行以下操作解决了这个问题:

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

已更新 JSFiddle