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

Question

http://jsfiddle.net/PAj78/

我把我的navbar里面class="container"

（将分区向左移动以查看整个容器）。

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

我玩了 bootstrap.css 但似乎无法弄清楚在哪里/在哪里调整

Answer 1

用这样的类制作.navbar一个全宽列：.span12

<div class="navbar span12">

演示

---

解释

默认情况下，具有类的元素具有row负值margin-left以补偿列上的边距（具有span类）。这些列有一个左边距以与之前的列保持距离，因此内容有一些很好的间距。默认情况下，bootstrap 有 12 列，因此当您创建navbar12 列的跨度时，它正好适合容器。但因为它是一列，它有权对负数进行margin-left补偿。您可以在此处看到不同大小列的一个很好的示例。margin-leftrow

Answer 2

是一个边距：-20px；在“.row, .thumbnails”和“.row”上。覆盖它以防止您的问题发生。