vue中全局引⼊bootstrap.css 1、⾸先在官⽹上下载bootstrap的压缩包(必须是官⽹上下载的)
将压缩包解压后引⼊在项⽬⽂件夹下⾯。如下图所⽰:
2、在main.js中引⼊
bootstrap项目
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" ></span>
此时在⽹页预览中会出现⼀个图标代表bootstrap引⼊成功了。
由此引申出来在vue中引⼊css和js可以像上述所弄⼀样,直接在main.js⽂件中引⼊。(未验证)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论