title: How can you keep Bootstrap's striped table rows styles working when using ember.js
body: <p>Ember injects script tags into the dom which prevents the bootstrap CSS from working.</p>
  
  <p>The dom may look something like:</p>
  
  <pre><code>&lt;table class="table table-striped"&gt;
    &lt;script id="metamorph ...
    &lt;tr ...
    &lt;script id="metamorph ...
    &lt;script id="metamorph ...
    &lt;tr ...
    &lt;script id="metamorph ...
    &lt;tr ...
  </code></pre>
  
  <p>The bootstrap CSS selects which cells to highlight using nth-child(odd) selectors which means the table does not have the correctly striped background color.</p>
  
  <p>Can I override the CSS with the correct style for this case?</p>