twitter-bootstrap-3 - Bootstrap 表 css 不适用于 Vue.JS 组件

Question

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

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

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

我将 Vue 组件保存在 .vue 中文件并用 webpack 编译。

怎么了？

Answer 1

添加 tbody元素到表解决了这个问题。代码现在读取

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

CSS 现在工作正常。