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!这起作用了。但是你能给我解释一下背后的逻辑吗?我只是想知道。