如何修复导航栏以跨越容器 - twitter bootstrap

Question

http://jsfiddle.net/PAj78/

我将navbar放在class="container"

中

（将分区移到左侧以查看整个容器）。

你会看到导航栏将超出其容器。

我在bootstrap.css周围玩，但似乎无法弄清楚在哪里/哪个调整

Answer 1

使用.navbar类使.span12成为一个全宽列，如下所示：

<div class="navbar span12">

demo

---

<强>解释

默认情况下，row类的元素具有负margin-left来补偿列上的边距（使用span类）。这些列之前有一个边距 - 距离列的距离，因此内容有一些很好的间距。默认情况下，bootstrap有12列，因此当您创建navbar 12列的范围时，它恰好适合容器。但是因为它是一个列，所以它有margin-left来补偿margin-left的否定row。您可以看到不同大小的列here的一个很好的示例。

Answer 2

是保证金：-20px;在“.row，.thumbnails”和“.row”上。覆盖此项以防止您的问题发生。