背景颜色更改 Bootstrap

Posted 2023-03-06

【中文标题】背景颜色更改 Bootstrap

【英文标题】：Background colour change Bootstrap

【发布时间】：2013-10-21 19:25:12

【问题描述】：

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

我改变使用

bodybackground:#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 -->

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

【问题讨论】：

您正在将背景更改为白色...不是吗？ #fff =白色

html, bodybackground:#fff; 使用这个。

不，抱歉！仅以此为例抱歉。 - 我使用#ccc 我应该说。

将您的代码、html + css 和 发送给我们，以便我们为您提供帮助。

我已经添加了上面的 html。除了我试图改变身体背景之外，还没有 css。 - 其他样式是 bootstrap 中的默认样式，您要我添加它们吗？

【参考方案1】：

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

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

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

【讨论】：

我会看看，麻烦的是它与准系统模板混合在一起 - 我正在使用根模板。

不，但我假设更改背景颜色不是 OP 想要进行的唯一修改......

这让我感觉非常密集。它应该可以正常工作。

【参考方案2】：

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

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

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

IE 和 Firefox 有类似的工具。

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

【讨论】：

嗨 Gerald，是的，我知道，我正在使用 chrome 开发工具，检查了所有这些，- 身体已经改变，但所有这些都在里面

嗨 Gerald，是的，我知道，我正在使用 chrome 开发工具，检查了所有这些，- 身体发生了变化。但您只能在网站底部看到它。 - 目前无法发布照片， - 令人沮丧。

所以，检查颜色的来源，覆盖它。如果不发布实际代码，这里的任何人都无法为您提供帮助。

【参考方案3】：

试试这个

body 

  background-color: #your color code;

【参考方案4】：

我删除了根主题和引导程序。又加了， 添加了我之前所做的几处更改，（入队样式表）

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

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

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