There is no conflict between the use of vue and bootstrap; you can use bootstrap to improve development efficiency when writing vue templates. If you need to use it in combination, you can use the BootstrapVue framework, which is a framework specially developed by bootstrap for vue.
The operating environment of this tutorial: Windows 10 system, bootstrap version 3.3.7, DELL G3 computer
Vue writing templates can use bootstrap to improve development efficiency
If you want to use it in combination, it is recommended to use the BV framework bootstrap is a framework specially developed for vue
BootstrapVue is based on Front-end UI framework for Bootstrap v4 Vue.js. As an introductory framework for learning the Vue.js framework itself, I think BootstrapVue is very good. The Bootstrap framework itself is lightweight, easy to learn, and very popular around the world with many third-party plugins and theme styles. As a progressive framework, Vue.js's core library only focuses on the view layer, which is not only easy to get started, but also easy to integrate with third-party frameworks or existing projects.
BootstrapVue framework installation steps
Preparation work, install Vue CLI
The Vue CLI package name is changed from vue-cli to @vue/cli. If an old version of vue-cli (1.x or 2.x) is installed, you need to remove the old version first:
npm uninstall -g vue-cli
and then install the new version:
npm install -g @vue/cli
Check the vue version:
vue --version
If 3.x is displayed, it means the installation is correct.
New Vue project
vue create bootstrapvue-demo
When prompted Please pick a preset, select the default default and press Enter.
Run the Vue project
cd bootstrapvue-demo npm run serve
Related recommendations: bootstrap tutorial
The above is the detailed content of Is there any conflict between using vue and bootstrap?. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
