2013-02-17 64 views
2

编辑:我意识到这可能是一个Safari的问题?我在Firefox中看不到相同的内容自举流体布局,错误的边距?

以下图片摘自Bootstrap文档here。我想知道的是为什么最右边的“Fluid 6”元素右边有2px的边距。那个元素不应该一直排到正确的位置吗?我能做些什么来解决它?

enter image description here

增强图像:enter image description here

+0

保证金的有在Chrome中,也因此可能是一个WebKit的事情。 – 2013-02-17 19:50:28

回答

1

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

enter image description here

注意如何所有,但最后一排有这个问题。问题在于Bootstrap将宽度指定为百分比。

例如,对于span6

.span6 { 
    width: 48.717948717948715%; 
} 

还有两个跨度单元之间的间隔,

margin-left: 2.564102564102564%; 

加上这些不会导致在一个不错的偶数,所以我们有时结束了一个像素。除了设置宽度和边距的固定值之外,没有太多可以完成的事情。

span12有100%的宽度:

.span12 { 
    width: 100%; 
} 

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