Html 引导3.文本信息和.bg危险等级将不适用

我有以下代码：

<div class="jumbotron text-center text-info bg-danger">
       RGBA Colors

       </div> 

RGBA颜色

我的问题是文本信息和bg危险等级将不适用。

---

有什么想法吗？

这个类

.jumbotron

也定义了

颜色和
背景色。由于它稍后出现在Bootstrap的css中，因此它会推翻
.text info
和
.bg danger
中的那些属性

要获取
颜色
，您需要将其添加到子项
。
背景色的一个解决方案是在自定义样式表中为
.jumbotron
和
.bg danger
的组合定义背景色。因为这比
.jumbotron
具有更高的特异性，所以它只会否决灰色背景色。但也要重新思考一下，首先为什么你想要一个
.jumbotron
，你真的需要它吗


导入url（'//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css'）；
.jumbotron.bg-danger{
背景色：#f2dede；
}

RGBA颜色
类
.jumbotron
还定义了
颜色和
背景色。由于它稍后出现在Bootstrap的css中，因此它会推翻
.text info
和
.bg danger
中的那些属性

要获取
颜色
，您需要将其添加到子项
。
背景色的一个解决方案是在自定义样式表中为
.jumbotron
和
.bg danger
的组合定义背景色。因为这比
.jumbotron
具有更高的特异性，所以它只会否决灰色背景色。但也要重新思考一下，首先为什么你想要一个
.jumbotron
，你真的需要它吗


导入url（'//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css'）；
.jumbotron.bg-danger{
背景色：#f2dede；
}

RGBA颜色
类
.jumbotron
还定义了
颜色和
背景色。由于它稍后出现在Bootstrap的css中，因此它会推翻
.text info
和
.bg danger
中的那些属性

要获取
颜色
，您需要将其添加到子项
。
背景色的一个解决方案是在自定义样式表中为
.jumbotron
和
.bg danger
的组合定义背景色。因为这比
.jumbotron
具有更高的特异性，所以它只会否决灰色背景色。但也要重新思考一下，首先为什么你想要一个
.jumbotron
，你真的需要它吗


导入url（'//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css'）；
.jumbotron.bg-danger{
背景色：#f2dede；
}

RGBA颜色
类
.jumbotron
还定义了
颜色和
背景色。由于它稍后出现在Bootstrap的css中，因此它会推翻
.text info
和
.bg danger
中的那些属性

要获取
颜色
，您需要将其添加到子项
。
背景色的一个解决方案是在自定义样式表中为
.jumbotron
和
.bg danger
的组合定义背景色。因为这比
.jumbotron
具有更高的特异性，所以它只会否决灰色背景色。但也要重新思考一下，首先为什么你想要一个
.jumbotron
，你真的需要它吗


导入url（'//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css'）；
.jumbotron.bg-danger{
背景色：#f2dede；
}

RGBA颜色
发生这种情况是因为
.jumbotron
覆盖了以下值：


只需将样式添加到您的自定义css中（在引导模式之后）。只有4个选择器：

.bg-danger {
    background-color: #f2dede;
}
a.bg-danger:hover {
    background-color: #e4b9b9;
}

.text-info {
    color: #31708f;
}

a.text-info:hover {
    color: #245269;
}

您甚至不需要前面提到的引导类来获得所需的效果。您可以创建自己的自定义值。
这是因为
.jumbotron
覆盖了以下值：


只需将样式添加到您的自定义css中（在引导模式之后）。只有4个选择器：

.bg-danger {
    background-color: #f2dede;
}
a.bg-danger:hover {
    background-color: #e4b9b9;
}

.text-info {
    color: #31708f;
}

a.text-info:hover {
    color: #245269;
}

您甚至不需要前面提到的引导类来获得所需的效果。您可以创建自己的自定义值。
这是因为
.jumbotron
覆盖了以下值：


只需将样式添加到您的自定义css中（在引导模式之后）。只有4个选择器：

.bg-danger {
    background-color: #f2dede;
}
a.bg-danger:hover {
    background-color: #e4b9b9;
}

.text-info {
    color: #31708f;
}

a.text-info:hover {
    color: #245269;
}

您甚至不需要前面提到的引导类来获得所需的效果。您可以创建自己的自定义值。
这是因为
.jumbotron
覆盖了以下值：


只需将样式添加到您的自定义css中（在引导模式之后）。只有4个选择器：

.bg-danger {
    background-color: #f2dede;
}
a.bg-danger:hover {
    background-color: #e4b9b9;
}

.text-info {
    color: #31708f;
}

a.text-info:hover {
    color: #245269;
}

您甚至不需要前面提到的引导类来获得所需的效果。您可以创建自己的自定义设置