4

我知道完全是菜鸟问题，但我正在尝试更改引导程序中的背景颜色

我改变使用

body{background:#fff;}

哪个有效，我可以在页面底部看到更改，但整个页面及其整个宽度仍然是白色的

在我的页面中，我所拥有的只是

<div class="container">
<div class="row">

我已经分别改变了容器和行的主体，但不是那些。还尝试更改 .wrap 的颜色，因为检查显示它也包含在其中，但没有任何改变整个背景，我对是什么阻碍了它有点难过。- 我还没有编写任何实际代码，它只是标准安装和根主题。

有人知道这里发生了什么吗？我知道这将是愚蠢的。

代码在这里

<div class="wrap" role="document">
<div class="content row">
    <div class="main col-sm-12" role="main">
        <div class="page-header">...</div>
        <section class="container">
            <div class="row">
                <div class="col-sm-4">...</div>
                <div class="col-sm-4">...</div>
                <div class="col-sm-4">...</div>
            </div><!-- end row -->
        </section>      
    </div><!-- /.main -->
</div><!-- /.content -->

这些都没有应用任何背景颜色。

4

4 回答 4

3

使用每个现代浏览器，您都可以轻松检查活动样式的来源。

下面是一个使用 Chrome 开发者工具的例子：

stackoverflow 上的 Chrome 开发者工具

选择您要调查的标签，打开计算的样式并展开您需要的属性。您将看到属性受到影响以及被其他内容覆盖的每个实例。

IE 和 Firefox 有类似的工具。

另外，请记住使用样式表的顺序很重要。

于 2013-10-14T09:03:36.303 回答
3

您应该考虑使用 LESS - 如果您在它本质上允许您在 CSS 中使用变量之前没有遇到过它。它非常方便。

无论如何，在下载引导程序时，您始终可以使用自定义选项来配置背景颜色。

看看这里： http: //getbootstrap.com/customize/

于 2013-10-14T09:08:52.763 回答
3

尝试这个

body {

  background-color: #your color code;
}
于 2016-05-02T11:10:19.407 回答
0

我删除了根主题和引导程序。再次添加它，添加了我之前所做的一些更改，（入队样式表）

然后我再次改变了身体的背景。现在它可以工作了。

我不知道为什么以前没有，我没有在其他任何地方添加任何颜色，我才刚刚开始修改它。- 可能是越野车？

但我对此的回答是——也许我无意中打破了我的主题。

于 2013-10-14T10:31:53.957 回答