Bootstrap表css不使用Vue.JS组件

Question

我正在使用bootstrap和Vue.js作为webapp.但是我不能在Vue组件中使用bootstrap table css.当我写作

<table>
  <tr class='active'>
    <td>place</td>
    <td>holder</td>
  </tr>
</table>

在Vue组件之外,css工作正常,表格格式正确.但是当我<template>...</tenplate>在Vue组件的标签内使用相同的代码时active,bottstrap table css 的样式不会应用于表行.

我将Vue组件保存在一个.vue文件中并使用webpack进行编译.

出了什么问题？

Answer 1

向tbody表中添加元素解决了问题.代码现在读了

<table>
  <tbody>
    <tr class='active'>
      <td>place</td>
      <td>holder</td>
    </tr>
  </tbody>
</table>

CSS现在正常运行.