如何在项目中使用bootstrap
1、创建项目
- 执行
npm init webpack blog创建项目 - 依次安装所需要的依赖文件，执行命令行
npm install bootstrap@4 jquery popper.js
2、引入bootstrap
在main.js文件中引入
import 'bootstrap'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'
3、引入bootstrap组件，执行npm run dev即可
如何在项目中使用bootstrap-vue
1、安装依赖
- 执行命令行
npm install vue bootstrap-vue bootstrap
在main.js文件添加代码，重启项目即可
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
Vue.use(BootstrapVue)
