Bootstrap：更改面板的背景顏色

Question

我發現了一些以前的帖子，但是我看到的錯誤對我來說很明顯，不幸的是我還找不到我的問題的答案。

我正在使用引導程序的主面板：

<div class="panel panel-primary">...</div>

我想更改標題的背景顏色，所以我將這個類添加到我的 CSS 以更改背景顏色：

.panel-primary > .panel-heading {
    color: yellow !important;
    background-color: yellow !important;
    border-color: #F6E3CE !important;
}

然而，標題的背景顏色保持為藍色。 令我惱火的是顏色（字體顏色）變為黃色，這表明我正在編輯正確的 CSS 塊。
而且我可以改變面板主體的背景顏色，就像它也可以正常工作一樣。

有什么想法嗎？

這是一個屏幕截圖，可以看到只有背景顏色不會改變：

Answer 1

您需要使用background-image或background屬性來覆蓋默認背景顏色。

像這樣

    background-image: -webkit-linear-gradient(top,yellow 0, #dbff46 100%);

或者

background:yellow;

Answer 2

您需要更具體地使用您的代碼，您沒有提到元素的結構，A > B 選擇器意味着它將匹配具有元素 A 父元素的元素 B。 為了更多地幫助您解決問題，可以添加一些代碼片段以便您獲得幫助。

Answer 3

對不起，我對stackoverflow很陌生。 看來我必須添加新評論才能發布另一個屏幕截圖。

現在這真的很奇怪，當我在 chrome 中識別文件“gradients.less”的來源時，我得到了這個截圖。 在此處輸入圖像描述

根據這張圖，我有一個目錄 ../bootstrap/css/less/mixins/gradients.less

但實際上我擁有的目錄是： ../bootstrap/css 並且其中只有文件，例如“bootstrap.css” - 沒有子文件夾“less” - 根本沒有子文件夾。