title: How to set transparent background for all bootstrap panels' bodies in my webapplication
body: <p>If I add style section like this:</p>
  
  <pre><code>&lt;div class="panel panel-primary" style="background-color: rgba(245, 245, 245, 0);"&gt;
  </code></pre>
  
  <p>to my panel the background of the body is transparent. But I don't want to do copy-paste for every panel inside my application. I want them all to have transparent background.</p>
  
  <p>I have tried to edit bootstrap.css in my project. I tried about 15 different places to put: <code>background-color: rgba(245, 245, 245, 0);</code>  none of them worked. </p>
  
  <p>This is my <code>bootstrap.css</code> file: <a href="http://wklej.org/hash/754afd00cfa/" rel="nofollow">http://wklej.org/hash/754afd00cfa/</a></p>