title: Bootstrap well background color
body: <p>I'm trying to add a background colour to my well and for some reason, it's not overwriting the bootstrap default. I don't want to overwrite the wells class, just this particular one.</p>
  
  <p>Adding the code directly in the html as a style tag works, but I want to keep my css in the stylesheet.</p>
  
  <p>Example working code:</p>
  
  <pre><code>&lt;div class="well" style="background-color: #ffffff;"&gt;
  </code></pre>
  
  <p><strong>style.css</strong></p>
  
  <pre><code>/* Progress Bars - Well */
  
  .well-progress-bars {
      background: rgba(255,255,255,1);
      background-color: #ffffff;
  }
  </code></pre>
  
  <p><strong>home.php</strong></p>
  
  <pre><code>&lt;!-- Bootstrap core CSS --&gt;
  &lt;link href="assets/css/bootstrap.min.css" rel="stylesheet"&gt;
  &lt;link href="assets/css/style.css" rel="stylesheet"&gt;
  
  ...
  
  &lt;div class="well well-progress-bars"&gt;
  </code></pre>
  
  <p><strong>Update:</strong></p>
  
  <p>Appears to have been a weird caching issue with my browser. My original code was working, I was just unable to see by refreshing for some reason.</p>