Bootstrap井背景颜色

我想添加一个背景颜色到我的井，由于某种原因，它不覆盖引导默认。我不想覆盖井课，只是这个特别的课。Bootstrap井背景颜色

直接在html中添加代码作为样式标签的作品，但我想保留我的CSS在样式表中。

实施例工作的代码：

<div class="well" style="background-color: #ffffff;">

的style.css

/* Progress Bars - Well */ 

.well-progress-bars { 
    background: rgba(255,255,255,1); 
    background-color: #ffffff; 
}

home.php

<!-- Bootstrap core CSS --> 
<link href="assets/css/bootstrap.min.css" rel="stylesheet"> 
<link href="assets/css/style.css" rel="stylesheet"> 

... 

<div class="well well-progress-bars">

更新：

似乎是我的浏览器奇怪的缓存问题。我的原始代码正在工作，由于某种原因，我无法通过提醒来看到它。

来源

2017-02-19 Saidin

试试这个

.well.well-progress-bars { 
    background: rgba(255,255,255,1); 
    background-color: #ffffff; 
}

来源

2017-02-19 15:16:13

可悲的是没有工作 – Saidin

可以重现上jsbin您的问题或codepen –

https://jsfiddle.net/Lr5ovLbx/ - 我原来的代码工作，似乎是一些浏览器缓存问题:(浪费时间 – Saidin

试试这个：

.well { 
    background-color: #ffffff; 
}

或

.well.well-progress-bars { 
    background: rgba(255,255,255,1); 
    background-color: #ffffff; 
}

确保为外部样式表你的链接标签是引导stylsheet下方。

来源

2017-02-19 15:22:51

当您在内联CSS中使用style=""时，它只能被!important覆盖。尝试将!important添加到您的CSS代码。在你失败的尝试，没有必要.well，但你应该试试这个：

.well > .well-progress-bars { 
    background: rgba(255,255,255,1); 
    background-color: #ffffff; 
}

来源

2017-02-19 15:23:12 ata

所有你需要做的是通过重写引导CSS或者

a）确定具体的规则Bootstrap，但在它之后，或者仅仅通过比它更具体的方式来实现它，或者

b）。

另外，>并不意味着也有类后，该标志后，它选择了一些选择器的直接孩子。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<style> 
 
.well { 
 
    background-color: red; 
 
} 
 
</style> 
 

 
<div class="well well-progress-bars">Some text</div>

来源

2017-02-19 15:35:35 Roope

是啊:(我的原代码工作，这是一个奇怪的缓存问题，我的浏览器 – Saidin

@Saidin那么，张贴在答案和标记这个问题的答案，所以它doesn'最终会陷入僵局，而且，您可以在浏览器开发工具中使用禁用缓存选项。 – Roope

问题是由浏览器缓存问题引起的。

原始代码工作：https://jsfiddle.net/Lr5ovLbx/1/

.well-progress-bars { 
    background: rgba(255,255,255,1); 
    background-color: #ffffff; 
}

来源

2017-02-19 15:51:54 Saidin

Bootstrap井背景颜色

回答

相关问题