Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Bootstrap 2.3.2移动100%宽度背景_Html_Css_Twitter Bootstrap_Mobile_Twitter Bootstrap 2 - Fatal编程技术网

Html Bootstrap 2.3.2移动100%宽度背景

Html Bootstrap 2.3.2移动100%宽度背景,html,css,twitter-bootstrap,mobile,twitter-bootstrap-2,Html,Css,Twitter Bootstrap,Mobile,Twitter Bootstrap 2,我对移动分辨率有一个问题,因为当我使用较小的分辨率时,背景不是100%宽度。看起来是这样的: 当我使用更高的分辨率时,效果很好。我已经通过使用测试了我的网站,它显示100%宽度的背景只能在768x1024(iPad-Picture)下工作 如何修复它?从bootstrap.responsive.css文件中删除此行,然后主体将100%填充 body { padding-left: 20px; padding-right: 20px; } 或者,您也可以将此更改为 body {

我对移动分辨率有一个问题,因为当我使用较小的分辨率时,背景不是100%宽度。看起来是这样的:

当我使用更高的分辨率时,效果很好。我已经通过使用测试了我的网站,它显示100%宽度的背景只能在768x1024(iPad-Picture)下工作


如何修复它?

bootstrap.responsive.css
文件中删除此行,然后主体将100%填充

body {
    padding-left: 20px;
    padding-right: 20px;
}
或者,您也可以将此更改为

body {
        padding-left: 0;
        padding-right: 0;
    }
试试这两种方法中的任何一种,都会对你有用。

你可以试试这个

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


我在一个页面上遇到了这个问题,只是添加了左边的填充:0px;和左填充:0px;我的css中的body标签完美地完成了这个技巧,而没有使我的其他任何问题变得复杂。非常感谢,这是一个简单的修复,但有时像这样简单的事情与引导不匹配,所以很高兴找到正确的一个。:)

我宁愿选择另一个答案,直接编辑引导文件不是一个好主意。您应该创建一个覆盖引导属性的新文件,因为这样,在升级到新版本的引导、链接CDN或任何其他原因时,您不会丢失这些修改。我的2美分:)嗯,在我看来,填充解决方案不太管用。如果我将padding left/right设置为0,我会得到这样的结果:而且,容器中的所有元素都没有padding,看起来很糟糕。我不能用背景色作为正文,因为我的页脚有其他颜色,而不是内容部分等。你知道怎么处理吗?顺便说一句,谢谢你的回答。
body {
    padding-left: 0px;
    padding-right: 0px;
}
body {
    background-color: yourcolor;
}