【踩坑+实践】vue+bootstrap各种小错误汇总

目录

一、vue+bootstrap不能正常使用table的样式

---

一、vue+bootstrap不能正常使用table的样式

环境：由于程序是要运行在没有外网环境的服务器端，因此，下载官网的bootstrap包，然后在vue 的index.html引入bootstrap的css和js环境

问题描述： vue里面引用bootstrap 的时候，table 的其他样式（table-border、table-hover等）不生效

解决办法：在table里面，用tbody标签再套一层，即可解决

代码：

<table class="table table-bordered table-hover table-striped">
    <tbody>
        <tr align="center">
          <td>业务类型</td>
          <td>取号数量</td>
          <td>过号数量</td>
          <td>完成数目</td>
        </tr>
    </tbody>
</table>