Bootstrap - 更改颜色面板-主要

Question

我已经使用 panel-primary 在 Bootstrap 中制作了一个面板。但是现在我想更改默认的蓝色。

我已经添加了 css，但经过此更改后面板仍保持蓝色

#panel-primary {
background-color: #194719;

}

我怎样才能改变这个蓝色？

Answer 1

panel-primary 是 class.

您需要这样做：

.panel-primary {
     background-color: #194719 !important;
}

将 panel-primary 之前的 # 替换为 .（颜色上的 # 保持原样）

当您引用 CSS 中的元素 ID 时，将使用 #。 . 将引用 class.

Bootstrap - change color panel-primary