<p dir="auto">In 3.0.3 the .table-striped class is now overriding the rows' contextual classes like .danger. In prior versions this did not occur.</p>
<p dir="auto">Here's an example where all three rows should be highlighted, but because table-striped is specified, the alternating rows do not get highlighted with the row specific classes:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="  &lt;table class=&quot;table table-striped&quot;&gt;
    &lt;tr class=&quot;danger&quot;&gt;
        &lt;td&gt;incorrect&lt;/td&gt;
       &lt;td&gt;is not drawn as &quot;danger&quot;&lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr class=&quot;danger&quot;&gt;
       &lt;td&gt;correct&lt;/td&gt;
       &lt;td&gt;is highlighted&lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr class=&quot;warning&quot;&gt;
       &lt;td&gt;incorrect&lt;/td&gt;
       &lt;td&gt;is not drawn as &quot;warning&quot;&lt;/td&gt;
   &lt;/tr&gt;
&lt;/table&gt;"><pre class="notranslate"><code class="notranslate">  &lt;table class="table table-striped"&gt;
    &lt;tr class="danger"&gt;
        &lt;td&gt;incorrect&lt;/td&gt;
       &lt;td&gt;is not drawn as "danger"&lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr class="danger"&gt;
       &lt;td&gt;correct&lt;/td&gt;
       &lt;td&gt;is highlighted&lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr class="warning"&gt;
       &lt;td&gt;incorrect&lt;/td&gt;
       &lt;td&gt;is not drawn as "warning"&lt;/td&gt;
   &lt;/tr&gt;
&lt;/table&gt;
</code></pre></div>
<p dir="auto">i have table with class .table-striped. it has 3 rows with tr.danger. only the middle one is red, the other two are default color.</p>
<p dir="auto">when i remove .table-striped, it works correctly</p>