Css 如何将navbar修复为跨容器-twitter引导

Css 如何将navbar修复为跨容器-twitter引导,css,twitter-bootstrap,Css,Twitter Bootstrap,我将我的navbar放在class=“container” (向左移动分区以查看整个容器) 你会看到导航栏会超出它的容器 我玩过bootstrap.css,但似乎不知道在哪里/调整哪个是一个边距:-20px;在“.row、.thumbnails”和“.row”上。覆盖此项以防止问题发生。使用.span12类将.navbar设置为一个全宽列,如下所示: <div class="navbar span12"> 解释 默认情况下,具有行类的元素具有负的左边距,以补偿列上的边距(使

我将我的
navbar
放在
class=“container”

(向左移动分区以查看整个容器)

你会看到导航栏会超出它的容器


我玩过bootstrap.css,但似乎不知道在哪里/调整哪个

是一个边距:-20px;在“.row、.thumbnails”和“.row”上。覆盖此项以防止问题发生。

使用
.span12
类将
.navbar
设置为一个全宽列,如下所示:

<div class="navbar span12">


解释


默认情况下,具有
类的元素具有负的
左边距
,以补偿列上的边距(使用
span
类)。这些列留有一个边距,以便与之前的列保持一定距离,因此内容具有一定的间距。默认情况下,引导有12列,因此当您设置
navbar
12列的范围时,它正好适合容器。但由于它是一列,因此它具有右
左边距
,以补偿
行的负
左边距
。你可以看到一个不同大小的柱的好例子。

wow!这起作用了。但是你能给我解释一下背后的逻辑吗?我只是想知道。