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与angularjs区别

vue 的 render 方法中 h 是什么?

css中的bootstrap是指什么

深入了解bootstrap中的媒体对象

如何做到刷新vue.js改变数据

vue.js支持移动端开发吗

vue.js中怎么拼接字符串

浅谈bootstrap中的close类--关闭按钮

bootstrap删格系统如何理解

bootstrap是js类库么

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




打赏

取消

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

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

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

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

评论

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

    暂无评论...