首先项目中安装bootstrap，bootstrap-vue

npm i bootstrap bootstrap-vue --save

之后在mai.js中配置

import BootstrapVue from 'bootstrap-vue';

import 'bootstrap/dist/css/bootstrap.min.css'

import 'bootstrap-vue/dist/bootstrap-vue.css'

Vue.use(BootstrapVue);

在组件中使用

https://bootstrap-vue.js.org/docs/
直接在官网找相应的例子复制过来查看效果就OK了 我写这个的目的就是想吐槽一下导航栏 我看了好多别的UI，导航栏这个地方貌似不能像bootstrap这样根据不同分辨率呈现不同效果，即使可以，也没这么简单，当然我研究的不深，所以我用了这个bootstrapVue这个的大多数组件来完善我的项目，使用iview来进行页面布局。

最后，基于上述我的做法，大佬能给些好的建议吗？我们项目组就我一个前端，实在是太太太太太蛋疼了，都没法讨论啊啊啊啊啊啊啊！！！