我该如何打破网格？有这个常见的做法吗？

Question

我正在使用bootstrap的网格，我希望有一个div“打破”网格并且拉伸到屏幕边框（'width：100％'）。

我的代码看起来像这样：

<div class="container">
 <div class="row">
  <div class="span12">
   div that is the width of the grid
  </div>
  <div class="unknown">
   div that breaks the grid and has full width
  </div>
 </div>
</div>

我怎样才能做到这一点？通常的做法是打开许多不同的容器，或者我可以使用与容器嵌套的div来做到这一点吗？

Answer 1

使用多个容器而不是使用自定义样式覆盖布局。 Bootstrap本身包含使用多个容器的示例，例如： the carousel