Vue中引入bootstrap.min.css的正確姿勢分享
更新時間：2023年10月26日 10:29:34 作者：zhangvalue
這篇文章主要介紹了Vue中引入bootstrap.min.css的正確姿勢,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
vue引入bootstrap.min.css的正確姿勢
步驟1
通過npm安裝bootstrap依賴包
npm install bootstrap -S
步驟2
在Main.js中引入bootstrap.css
import "bootstrap/dist/css/bootstrap.min.css"
使用vue-cli 引入bootstrap.min.css文件報錯
可以在index.html 里面引入boostrap.min.css文件
將bootstrap.min.css文件放置于static/css/文件夾中
然后再index.html文件中引入便可
<link rel="stylesheet" href="./static/css/bootstrap.min.css" rel="external nofollow" >
總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Ant Design的Table組件去除“取消排序”選項操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
這篇文章主要介紹了pc端vue 滾動到底部翻頁效果，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-07-07
這篇文章主要介紹了詳解在vue-cli項目下簡單使用mockjs模擬數據，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-10-10
這篇文章主要介紹了Vue 進階之路，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
這篇文章主要介紹了vue樣式疊層z-index不起作用的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
Vue中EpicEditor和vue-quill-editor的使用詳解
EpicEditor和Vue-quill-editor都是基于Quill.js的富文本編輯器,并且都提供了許多強大的功能,下面我們就來介紹一下二者的具體使用,感興趣的小伙伴可以了解一下2023-11-11
這篇文章主要介紹了vue+element?tree懶加載更新數據,文中給大家補充介紹了Vue Element Ui 樹形表懶加載新增、修改、刪除等操作后局部數據更新的詳細代碼，感興趣的朋友跟隨小編一起看看吧2022-09-09
這篇文章主要介紹了如何實現文字圖片分析的功能,包括頁面結構、樣式和腳本邏輯,主要步驟包括獲取access_token、將圖片轉換為Base64格式、上傳至百度文字識別接口并處理返回結果,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-02-02
這篇文章主要介紹了vue如何將字符串變?yōu)閿到M問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
vue動態(tài)循環(huán)出的多個select出現過的變?yōu)閐isabled(實例代碼)
本文通過實例代碼給大家分享了vue動態(tài)循環(huán)出的多個select出現過的變?yōu)閐isabled效果，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧2019-11-11