vue中全局引入bootstrap.css
2023-02-18 16:41:33 时间
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
相关文章
- H5加载Android本地路径图片
- ReactNative-Android插件
- 原有Android项目中体验Flutter
- 在AndroidStudio中开启Show Context Actions对Dart的支持
- Android开发——adb连接夜神模拟器
- Android项目刮刮奖详解扩展篇——开源刮刮奖View的制作
- Android项目刮刮奖详解(四)
- Android项目刮刮奖详解(三)
- Android项目刮刮奖详解(二)
- Android项目刮刮奖详解(一)
- Android开发——Drawable与Bitmap知识
- Android开发——绘图基础
- Android破解学习之路(八)—— 进化之地内购破解
- Android破解学习之路(九)—— 练手破解游戏集合
- Android开发——使用自带图标
- 教我徒弟Android开发入门(四)
- Android安全–加强版Smali Log注入
- Android APK 签名文件MANIFEST.MF、CERT.SF、CERT.RSA分析
- Android安全–检测是否为Android模拟器
- Android安全——加固原理