Bootstrap 2.3.2 移动版 100% 宽度背景答案

【问题标题】：Bootstrap 2.3.2 mobile 100% width backgroundBootstrap 2.3.2 移动版 100% 宽度背景
【发布时间】：2013-11-05 12:01:30
【问题描述】：

我对移动分辨率有疑问，因为当我使用较小的分辨率时，背景不是 100% 宽度。它看起来像这样：

当我使用更高的分辨率时，它可以正常工作。我已经使用 http://mattkersley.com/responsive/ 测试了我的网站，它显示 100% 宽度的背景仅适用于 768 x 1024（iPad - 纵向）。

我该如何解决？

【问题讨论】：

标签： html css twitter-bootstrap mobile twitter-bootstrap-2

【解决方案1】：

从bootstrap.responsive.css 文件中删除此行，然后正文将被 100% 填充

body {
    padding-left: 20px;
    padding-right: 20px;
}

或者，您也可以将其更改为

body {
        padding-left: 0;
        padding-right: 0;
    }

尝试这两种方法中的任何一种，都会对你有用

【讨论】：

我宁愿选择另一个答案，直接编辑引导文件不是一个好主意。您应该创建一个覆盖引导属性的新文件，因为这样，在升级到新版本的 BOotstrap、链接 CDN 或任何其他原因时，您不会丢失这些修改。我的 2 美分 :)

【解决方案2】：

你可以试试这个

body {
padding-left: 20px;
padding-right: 20px;

}

或

body {
    padding-left: 0px;
    padding-right: 0px;
}

或

body {
    background-color: yourcolor;
}

【讨论】：

好吧，在我看来，填充解决方案效果不佳。如果我将 padding-left/right 设置为 0，我会得到：i.stack.imgur.com/iFNap.png 另外，我的容器中的所有元素都没有填充，看起来很糟糕。我不能使用背景颜色作为正文，因为我的页脚有其他颜色而不是内容部分等。任何想法如何处理它？顺便说一句，谢谢你的回答。

【解决方案3】：

我在一个页面上遇到了这个确切的问题，只是添加了 padding-left:0px;和 padding-left:0px;到我的 CSS 中的 body 标签完美地完成了这个伎俩，而没有弄乱我的任何其他 shiz。非常感谢，它是一个简单的修复，但有时像这样的简单事情不能与引导程序很好地配合，所以找到合适的就很好。 :)

【讨论】：