css - 我怎样才能打破网格？这有一个常见的做法吗？

Question

我正在使用引导程序的网格，我想要一个 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 本身有使用多个容器的示例，例如： carousel