如何更改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颜色？

回答

相关问题