Css Jumbotron颜色和背景赢得'；不变

试图改变我的jumbotron的背景和颜色，但什么也没发生。

填充

有效，但

背景

无效

我的CSS：

.jumbotron {
    padding:70px 30px 70px 30px;
    margin:0px auto;
    background: #7986CB ;
    color:blue;
}

.row-header{
    margin:0px auto;
    padding:0px auto;
}

我的

：

标题

布拉布拉

为什么颜色不会变为蓝色，或者背景不会变为#7986CB？

---

包含CSS是可以的，因为更改填充会影响jumbotron。

因为您直接覆盖引导的CSS，所以需要使用与它们相同的语法：

.jumbotron {
  background-color: #7986CB;
}

或者，您可以添加

！重要信息

强制执行超控，但不建议这样做

使用开发人员工具很容易看到应用了哪些CSS以及哪些规则。未应用的有效规则将被划掉。

使用：

background-color : #222 !important ;

如果需要，可以使用自定义类来实现特定性，您不需要使用！重要的对于如此简单的事情。看

工作示例：

.jumbotron.jumbotron-blue{
背景：#7986CB；
颜色：蓝色；
填充：70px 30px；
保证金：0；
}
.jumbotron.jumbotron-blue h1{
保证金：0；
}
.标题段{
填充顶部：70px；
保证金：0；
}

这是一个标题
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。信息技术

您好

在我看来，它应该可以工作，因此请确保您的css链接位于引导程序下方，否则默认引导程序样式将继续覆盖您的css

您的CSS链接必须位于引导链接下方

---

我认为它很好用，谢谢！

！重要的

事情成功了。不过，更改为背景色并没有成功

background-color : #222 !important ;