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要好看很多

阅读剩余部分

相关阅读 >>

vue.js怎么引入img

bootstrap 分页的实现方法

4个很 nice 的vue router过渡动效,快来收藏!

bootstrap 怎么关闭弹出框

vue.js如何安装jq

bootstrap的优缺点是什么?

vue-mobile是什么

bootstrap 模态框用法

如何编写出vue.js菜单组件

bootstrap的下拉多选框如何使用

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




打赏

取消

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

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

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

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

评论

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