vue.js怎么引入bootstrap


本文摘自PHP中文网,作者coldplay.xixi,侵删。

vue.js引入bootstrap的方法:首先使用【npm install bootstrap --save-dev】指令进行安装;然后在【main.js】中使用【import 'bootstrap相关文件路径'】语法引入即可。

本教程操作环境:windows7系统、Vue2.9.6&&bootstrap3版,Dell G3电脑。

【相关文章推荐:vue.js】

vue.js引入bootstrap的方法:

1、使用指令:

1

npm install bootstrap --save-dev

2、安装成功后,能够在package.json文件夹中看到bootstrap这个模块。这时候需要在main.js中添加如下内容:

1

2

import 'bootstrap/dist/css/bootstrap.min.css'

import 'bootstrap/dist/js/bootstrap.min'

至此bootStrap也引入结束,接下来我们的重点来了,因为BootStrap与VUE有一个专门的设计叫做bootstrap-vue.js,所以我们引入它之后就可以直接使用它们提供的专有样式,比原生的bootStrap要好看很多

阅读剩余部分

相关阅读 >>

bootstrap可以用于移动端吗

什么是bootstrap框架?

vue.js生命周期函数有什么作用

angularjs和vue.js有什么差异?简单对比

bootstrap cdn是什么

html如何引用bootstrap

bootstrap 怎么关闭tab

一般用bootstrap干什么用的

vue.js怎么改背景图片

当 position:sticky 遇到 bootstrap 浮动布局时候的踩坑记录

更多相关阅读请进入《vue.js》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...