编辑:我意识到这可能是Safari问题?我在Firefox中看不到相同的内容
以下图片来自Bootstrap文档here。我想知道为什么最右边的右边有一个2px的边距" Fluid 6"元件。那个元素不应该一直对齐吗?我该怎么做才能解决它?
增强型图片:
答案 0 :(得分:1)
这不只是span6
,而是宽度不是100%的任何东西。
注意除最后一行之外的所有行都有这个问题。问题是Bootstrap将宽度指定为百分比。
例如,对于span6
,
.span6 {
width: 48.717948717948715%;
}
两个span元素之间还有一个空格
margin-left: 2.564102564102564%;
添加这些不会产生一个很好的偶数,所以我们有时会得到一个像素。除了为宽度和边距设置固定值之外,不能做太多。
span12
的宽度为100%:
.span12 {
width: 100%;
}
正是如此,所以舍入没有问题。