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" >
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
要在 Vue 项目中使用 svg-sprite-loader 来管理 SVG 图标,需要执行相应的步骤,接下来通过本文给大家介绍VUE3 加载自定义SVG文件的详细步骤,感兴趣的朋友一起看看吧2024-01-01
Vue 中ref()和 reactive()响应式数据的使用方法
article介绍Vue3中ref()和reactive()函数的使用方法,ref()用于创建基本数据类型的响应式引用,reactive()用于创建响应式对象,本文介绍Vue中ref()和reactive()响应式数据的使用方法,感兴趣的朋友一起看看吧2025-01-01
vue elementUI之this.$confirm的使用方式
这篇文章主要介绍了vue elementUI之this.$confirm的使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-08-08
这篇文章主要介绍了基于vue配置axios的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
xss的攻击方式是发生在用户使用浏览器时候运行,通过嵌入脚本窃取用户信息,本文主要介绍了vue如何防范XSS攻击的一些方法,感兴趣的可以了解一下2024-04-04
今天小编就为大家分享一篇vue实现同一个页面可以有多个router-view的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了vue 页面卡死,点击无反应的问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
Vue.js中的watch选项用于监听Vue实例上某个特定的数据变化,下面这篇文章主要给大家介绍了关于Vue3 Watch踩坑实战之watch监听无效的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-05-05![vue中使用[provide/inject]实现页面reload的方法](//img.jbzj.com/images/xgimg/bcimg8.png)
vue中使用[provide/inject]实现页面reload的方法
这篇文章主要介绍了在vue中使用[provide/inject]实现页面reload的方法，文中给大家提到了在vue中实现页面刷新不同的方法,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2019-09-09
vue是一套用于构建用户界面的渐进式框架。接下来通过本文给大家分享Vue.js下载方式及基本概念，感兴趣的朋友跟随脚本之家小编一起学习吧2018-05-05
![vue中使用[provide/inject]实现页面reload的方法](http://img.jbzj.com/images/xgimg/bcimg8.png)
最新评论