1、首先在官網上下載bootstrap的壓縮包（必須是官網上下載的）

將壓縮包解壓后引入在項目文件夾下面。如下圖所示：

2、在main.js中引入

import './assets/bootstrap-3.3.7-dist/css/bootstrap.min.css' import './assets/bootstrap-3.3.7-dist/js/bootstrap.min.js'

?

3、在.vue文件中直接可以使用該語法了

<span class="glyphicon glyphicon-search" style="font-size: 50px"></span>

此時在網頁預覽中會出現一個圖標代表bootstrap引入成功了。

?

由此引申出來在vue中引入css和js可以像上述所弄一樣，直接在main.js文件中引入。（未驗證）

原文　　?https://blog.csdn.net/hhy1006894859/article/details/79467889

轉載于:https://www.cnblogs.com/lzh-boy/p/9643644.html

總結

以上是生活随笔為你收集整理的vue中全局引入bootstrap.css的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。