使用vue脚手架创建Vue项目并引入bootstrap-vue
1、脚手架（不知道官网为啥这么翻译）：用于重置背景、链接样式、栅格系统等，并包含两个简单的布局结构。
2、输入 vue -V 如果出现版本号，就说明安装成功。脚手架安装成功之后，就可以通过脚手架创建vue项目了。
3、这里说下 vue-cli 脚手架所带的图形界面编译打包管理，可使用如下命令开启，然后按照提示，加入需要的项目，可以查看仪表盘展示，进行插件管理，依赖管理，编译配置，以及项目构建的操作，十分方便。
4、我们点击 npm run dev 的时候，这就是启动 Vue 工程项目，那么它启动过程是什么样的呢？ Vue 项目启动过程，本文简要介绍。
Bootstrap基本使用
1、Bootstrap 排版、链接样式设置了基本的全局样式。 font-size 设置为 14px，line-height 设置为 428。 (段落)元素还被设置了等于 1/2 行高(即 10px)的底部外边距(margin)。
2、Bootstrap框架属于UI框架，这个和jQuery不太一样，其实准确的描述Bootstrap框架属于css框架而非javascript框架，但是它本身也使用javascript来完善Bootstrap框架的视觉效果。
3、浏览器支持，所有的主流浏览器支持，包括：IE、firefox、opera、chrome、Safari等。容易上手，掌握html+css基础即可。具有设备响应式兼容。bootstrap的响应式css能够自适应于台式机、平板电报和手机。
4、bootstrap.css：是未压缩的，完整的bootstrap样式表，供开发的时候进行调试使用。bootstrap.min.js：是压缩的bootstrap样式表，在部署网站的时引用。
5、首先是引入文件，在HTML的里加上：一个CSS文件，两个JS文件。注意：jquery.js文件一定要在bootstrap.js之前引入。
如何在vuejs中使用bootstrap?
Bootstrap的样式使用了lesscss技术，比如重置背景这样的操作，这些比较简单我就不展开叙述了，脚手架里最出彩的是栅格系统和布局。
生态完善：许多开发者提供了对bootstrap+vue.js支持的插件如ElementUI，完善bootstrap+vue.js的生态，故使用bootstrap+vue.js进行开发，遇到的难题会较少。
问题在于不该用那个bootstrap插件，因为你的项目不是bootstrap的。
这个其实是因为bootstrap的文件有冲突，需要自己去理清楚才能解决冲突的，自己也遇到过这种问题。希望我的回答可以帮到你，有什么不懂可以追问。
基于Boostrap和Vue设计网页
1、易于开发：bootstrap+vue.js提供了页面数据渲染模板引擎如v-ifv-for等、提供事件绑定@click等，代码清晰明了，逻辑简单，易于上手。
2、基本的css样式。Bootstrap给出了一样常用的HTML元素的样式，例如：按钮、表单和文字等等。
3、Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
