【踩坑+實踐】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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章