【问题标题】: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。非常感谢,它是一个简单的修复,但有时像这样的简单事情不能与引导程序很好地配合,所以找到合适的就很好。 :)

    【讨论】:

      猜你喜欢
      • 2012-08-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-07-08
      • 2021-06-17
      • 2015-10-14
      • 2018-12-08
      • 2019-11-01
      相关资源
      最近更新 更多