如何更改Bootstrap Creative-Tim navbar顏色？

這不是一個普通的Bootstrap導航欄，它是Creative Tim icon navbar for Bootstrap。如何更改Bootstrap Creative-Tim navbar顏色？

我無法改變導航欄的顏色與此代碼：

.navbar:not(.navbar-transparent).navbar-ct-blue{ 
    background-color: #33393c; 
    background-color: rgba(23, 22, 22, 0.98); 
}

顏色不改變...

我需要在這個問題上的幫助。

來源

2017-05-05 Amr Degheidy

當您使這些語句！重要嗎？最有可能與CSS包含的順序有關，你的代碼看起來很好。 –

css文件*喜歡的代碼，但模板顏色仍然相同（藍色） –

在CSS中使用「！重要」，例如background-color：＃33393c！important; –

是旁路緩存：通過按下Shift + F5解決 - 按下控制+ F5 - 移 - 控制 - f5 它解決了我的問題

來源

2017-05-07 03:48:17

.navbar:not(.navbar-transparent).navbar-ct-blue{ 
    background-color: #33393c !important; 
    background-color: rgba(23, 22, 22, 0.98) !important; 
}

它適用於這種類型的導航欄。

如果沒有，用它沒有RGBA線或者不加載你的CSS後ct-navbar.css

來源

2017-05-05 12:38:49

問題是，當我在瀏覽器中使用檢查背景顏色是不一樣的顏色，我改變了，但與css文件附帶的原始顏色 –

您是否在創意tim文件後加載您的自定義CSS？ –

我沒有加載自定義css ，檢查風格是 .navbar：not（.navbar-transparent）.navbar-ct-blue background-color：＃34ACDC; background-color：rgba（52，172，220，0.98）; } 我不知道如何！ –

如何更改Bootstrap Creative-Tim navbar顏色？

回答

相關問題