vue项目引入Bootstrap

vue项目引入Bootstrap
官方地址 :https://bootstrap-vue.org/docs/components


1】项目下终端执行

npm install bootstrap-vue


2】在项目下main.js文件 ,引入Bootstrap与对应css

import { BootstrapVue, BootstrapVueIcons } from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

Vue.use(BootstrapVue)
Vue.use(BootstrapVueIcons)

3】使用,随便在bootstrap粘贴过来几个按钮测试。

<button type="button" class="btn btn-primary">Primary</button>

572 Views
分享你的喜爱
linwute
linwute

我要像梦一样自由,像大地一样宽容;
在艰辛放逐的路上,点亮生命的光芒;
我要像梦一样自由,像天空一样坚强;
在曲折蜿蜒的路上,体验生命的意义;

留下评论

您的电子邮箱地址不会被公开。 必填项已用*标注