vue中全局引入bootstrap.css

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的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。