【问题标题】:Bootstrap - change color panel-primaryBootstrap - 更改颜色面板 - 主要
【发布时间】:2015-03-08 18:07:26
【问题描述】:

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

我已经添加了 css,但是通过这个更改面板保持蓝色

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

}

我怎样才能改变这种蓝色?

【问题讨论】:

    标签: twitter-bootstrap panel


    【解决方案1】:

    panel-primary 是一个类。

    你需要这样做:

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

    panel-primary 之前的# 替换为.(保持颜色上的# 不变)

    # 在 CSS 中引用元素 ID 时使用。 . 将引用一个类。

    【讨论】:

    • 你是对的。那是个错误。但是当我更改它时,面板仍然是蓝色的。
    • 您要么尝试更改错误类的颜色,要么覆盖 css。我已经用额外的!important 更新了我的答案。理想情况下,您还需要发布您的 HTML 以供我们查看。
    • 已修复。我确实试图改变错误班级的颜色。正确的类名是:panel-heading。感谢您的帮助。
    猜你喜欢
    • 2017-11-30
    • 1970-01-01
    • 2015-09-28
    • 1970-01-01
    • 1970-01-01
    • 2016-08-31
    • 1970-01-01
    • 2021-08-05
    • 1970-01-01
    相关资源
    最近更新 更多