Twitter bootstrap Bourbon/Neat-如何打破网格以全浏览器宽度显示行？

我习惯于在Bootstrap 3中使用此技巧临时脱离网格，以全浏览器宽度显示一行（对于需要全宽度彩色背景的行非常有用）：

在我想要全宽的容器上：

nav {
    @include outer-container(100%);
}

---

但我想知道是否有一种简单的“突破”方法可以在内部嵌套元素上实现这一点。

这就是我为页脚所做的：

HTML

---

外部容器（.footer wrapper）将以最大宽度的100%为中心。也许这对你有帮助。你可以在任何你喜欢的地方使用

.wrapper

。英雄，你的主容器。希望这能有所帮助

前几天我一直在努力解决这个问题。我的解决方案（不完美）是增加外部容器的最大宽度<代码>@包括外部容器（2160px）。值得深思。

header,
main,
footer {
    @include outer-container;
}

nav {
    @include outer-container(100%);
}

  <footer>
      <div class="wrapper">

       </div>
 <footer>

footer{
  background: $lightest-grey;
}

.wrapper{
  @include outer-container;
}