title: Bootstrap table css not working with Vue.JS component
body: <p>I'm using bootstrap and Vue.js for a webapp. But I can't use bootstrap table css in a Vue component. When I write</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr class='active'&gt;
      &lt;td&gt;place&lt;/td&gt;
      &lt;td&gt;holder&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>outside Vue component the css works okay and the table is properly formatted. But when I use the same code within <code>&lt;template&gt;...&lt;/tenplate&gt;</code> tag of the Vue component, the <code>active</code> style of bottstrap table css is not applied to the table row.</p>
  
  <p>I am keeping the Vue component in a <code>.vue</code> file and compiling with webpack.</p>
  
  <p>What's going wrong?</p>