【问题标题】:Bootstrap, css How to change backgroundBootstrap, css 如何改变背景
【发布时间】:2016-01-19 01:13:25
【问题描述】:

我正在使用这个引导程序: http://ironsummitmedia.github.io/startbootstrap-simple-sidebar/# 我想改变这个白色背景? 我在wrapper的课堂上试过,但它只改变了内容下的背景,它下面的其他页面仍然是白色的。

感谢您的帮助:)

#wrapper {background-color: red;...}

}

【问题讨论】:

    标签: javascript html css twitter-bootstrap background


    【解决方案1】:

    这是因为body、html和#wrapper高度没有设置为100%,所以添加:

    html, body { height: 100%; } 
    #wrapper { height: 100%; background-color: red; }
    

    【讨论】:

    • 不幸的是,这并没有改变所有的白色部分,而只是在我的字母、表格等下面。
    • 奇怪,它对我的​​测试有帮助...尝试这样做: - 首先将背景颜色设置为 html 和正文,因此将其高度设置为 100% 以查看它们的位置,此时背景更改填充所有页面高度,尝试使用#wrapper 执行相同操作,但使用另一种颜色来查看差异
    • 只有这个:html, body { height: 100%; background-color: blue;} 一切都是白色的。有了这个值,只有它包装,只有一部分有颜色
    • 您确定您正在编写的 css 文件正在进行任何更改吗?您可以将其设置为 !important 以确保确定,但将其放在代码中并不酷
    • 是的,我已经编辑了问题。但是还是用html,body没有效果
    【解决方案2】:

    您需要更改 body 和 page-content-wrapper 的 background-color 属性。

    【讨论】:

      【解决方案3】:

      尝试更改page-content-wrapper 类。它会改变白色部分的背景,但你可能也想改变身体的颜色。

      【讨论】:

        【解决方案4】:

        如果你检查 body css 是这样的,

        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; //change the color

        试着检查和编辑它,直到你得到你想要的。

        【讨论】:

          【解决方案5】:

          显然有规则#wrapper和body,试试这个方法:

          #wrapper {
              ...
              background-color: #eee;
          }
          
          body {
              ...
              background-color: #eee;
          }
          

          希望我能帮上忙。

          【讨论】:

          • 那你知道怎么解决吗?
          • 尝试仅更改正文的背景颜色属性。在这里它工作了
          猜你喜欢
          • 2022-01-07
          • 1970-01-01
          • 2015-08-20
          • 1970-01-01
          • 2018-03-03
          • 2014-03-12
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多