引导液布局,边距错误?

时间:2013-02-17 19:41:26

标签: html css twitter-bootstrap

编辑:我意识到这可能是Safari问题?我在Firefox中看不到相同的内容

以下图片来自Bootstrap文档here。我想知道为什么最右边的右边有一个2px的边距" Fluid 6"元件。那个元素不应该一直对齐吗?我该怎么做才能解决它?

enter image description here

增强型图片:enter image description here

1 个答案:

答案 0 :(得分:1)

这不只是span6,而是宽度不是100%的任何东西。

enter image description here

注意除最后一行之外的所有行都有这个问题。问题是Bootstrap将宽度指定为百分比。

例如,对于span6

.span6 {
    width: 48.717948717948715%;
}

两个span元素之间还有一个空格

margin-left: 2.564102564102564%;

添加这些不会产生一个很好的偶数,所以我们有时会得到一个像素。除了为宽度和边距设置固定值之外,不能做太多。

span12的宽度为100%:

.span12 {
    width: 100%;
}

正是如此,所以舍入没有问题。