背景颜色变化Bootstrap

Question

完全是菜鸟问题我知道， 但我试图改变bootstrap中的背景颜色

我改变了

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 -->

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

Answer 1

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

以下是使用Chrome开发者工具的示例：

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

IE和Firefox有类似的工具。

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

Answer 2

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

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

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

Answer 3

试试这个

body {

  background-color: #your color code;
}

Answer 4

我删除了根主题和引导程序。又补充一下， 添加了我之前做过的几个更改（enqued stylesheet）

然后我又改变了身体的背景。 现在它有效。

我不知道为什么之前没有，我没有在其他地方添加任何颜色，我刚开始修改它。 - 也许是儿童车？

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