title: Changing Bootstrap active table rows background color
body: <p>I am trying to change the color of the active rows in a bootstrap table :</p>
  
  <p>html :</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;table class="table"&gt;
              &lt;tr class="active"&gt;
                  &lt;td&gt;Hello world&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css :</p>
  
  <pre><code>.container &gt; .row &gt; .table &gt; tr .active {
      background-color:#123456;
  }
  </code></pre>
  
  <p>This doesn't work and I cannot figure out why. I have tried various combinations without any success, I might be missing something obvious here.</p>