头脑发热,只是单纯的想练习bootstrap,不够专业,不喜欢的请略过^^

1、安装bootstrap:cnpm install bootstrap --save-dev   /   npm install bootstrap --save-dev

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

2、修改webpack.base.conf.js配置

'assets': resolve('src/assets'),

vue引入bootstrap 随笔 第1张

3、在官网下载bootstrap https://v3.bootcss.com/,放到assets路径下,如下

vue引入bootstrap 随笔 第2张

4、在main.js全局引用

import './assets/bootstrap/css/bootstrap.min.css'
import './assets/bootstrap/js/bootstrap.min'

vue引入bootstrap 随笔 第3张

5、测试

<template>
<div id="home">
<div class="btn-group" role="group" aria-label="...">
<button type="button" class="btn btn-default">Left</button>
<button type="button" class="btn btn-default">Middle</button>
<button type="button" class="btn btn-default">Right</button>
</div>
</div>
</template>

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄