Bootstrap 2.3.2移动100%宽度背景

时间:2013-11-05 12:01:30

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

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

enter image description here

当我使用更高分辨率时,它工作正常。我使用http://mattkersley.com/responsive/测试了我的网站,它显示100%宽度背景仅适用于768 x 1024(iPad - Portrait)。

我该如何解决?

3 个答案:

答案 0 :(得分:1)

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

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

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

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

尝试两者中的任何一个,这对你有用

答案 1 :(得分:1)

你可以试试这个

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

}

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

body {
    background-color: yourcolor;
}

答案 2 :(得分:0)

我在页面上遇到了这个问题,只是添加了padding-left:0px;和padding-left:0px;我的css中的body标签完美地完成了这个技巧而没有使我的其他任何shiz更加完美。非常感谢,它是一个简单的解决方案,但有时像这样的简单的东西不能与bootstrap很好地融合,所以它很好找到正确的。 :)