无法更改 bootstrap 个主题元素颜色

Question

这是我第一次在我的 ASP.net 网络应用程序中使用 bootstrap 主题，因此我在 CSS 编辑方面遇到了一些困难。

我在网上得到了这个 bootstrap 模板，为了满足我的需要，我想将页脚 div 的颜色更改为另一种颜色。这是 html

中的代码

<div class="footer_bottom">
        <div class="copy">
            <p>Copyright © 2014</p>
        </div>
    </div>

这是 css

.footer_bottom {
padding: 2em 0;
/*background: #7cc4cc;*/
background: #5DBCD2;

}

基本上，我想将 div 的颜色从 #7cc4cc 更改为 #5DBCD2。当我在 google chrome 和 select 中运行我的页面时，检查元素选项代码应该有效，但在 css 属性背景中：#7cc4cc 被斜线以上背景：#5DBCD2（没有斜线）但是 div 显示的颜色仍然是 #7cc4cc。简而言之，出于某种原因，我无法更改主题的 CSS 颜色属性。任何帮助将不胜感激。

Answer 1

您正在尝试覆盖 bootstrap css，因此您需要将 !important 添加到您的背景颜色更改中，如下所示：

.footer_bottom {
padding: 2em 0 !important;
/*background: #7cc4cc;*/
background: #5DBCD2 !important;

Answer 2

使用 !important 覆盖 bootstrap 样式：

   .footer_bottom {
      padding: 2em 0 !important;
      background: #5DBCD2 !important;
    }

Answer 3

您可以通过阅读 CSS Specificity 学到很多东西。 CSS 是关于规则之上的规则，所以我认为正在发生的事情是，一些规则正在应用于您的：

.footer_bottom { background: #5DBCD2; }

检查任何具有更高特异性的规则并使此 .footer-bottom 声明高于该声明。

其他答案中的!important解决方案不是你想做的。随着时间的推移，这些东西会咬你的屁股，因为它们会把你的专一性吹到屋顶上。

无法更改 bootstrap 个主题元素颜色

Can't change bootstrap theme elements color

html

css

twitter-bootstrap