【问题标题】:Bootstrap fluid layout, wrong margin?Bootstrap流体布局,错误的边距?
【发布时间】:2013-02-18 12:36:39
【问题描述】:

编辑:我知道这可能是 Safari 问题?我在 Firefox 中看不到相同的情况

下图取自 Bootstrap 文档here。我想知道为什么最右边的“Fluid 6”元素右侧有 2px 的边距。该元素不应该一直向右对齐吗?我能做些什么来解决它?

增强图像:

【问题讨论】:

  • Chrome 中也有边距,所以可能是 WebKit 的问题。

标签: html css twitter-bootstrap


【解决方案1】:

不仅仅是span6,它是任何不是 100% 宽度的东西。

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

例如,对于span6

.span6 {
    width: 48.717948717948715%;
}

两个span元素之间也有空格,

margin-left: 2.564102564102564%;

将这些相加并不会得到一个很好的偶数,所以我们有时会在一个像素下结束。除了为宽度和边距设置固定值之外,没有什么可以做的。

span12 的宽度为 100%:

.span12 {
    width: 100%;
}

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

【讨论】:

    猜你喜欢
    • 2013-01-02
    • 1970-01-01
    • 1970-01-01
    • 2012-07-17
    • 1970-01-01
    • 2012-08-15
    • 2013-09-07
    • 2013-06-30
    • 1970-01-01
    相关资源
    最近更新 更多