vue项目中如何使用Bootstrap

vue项目中如何使用Bootstrap众所周知vue有自己的组件库，vant、element…，为何我们还需要用Bootstrap呢？我最近想了一下，我用Bootstrap主要是用他的样式，而他基于jQuery的功能却很少用，如果光做移动端用组件库就足够了，但如果是PC端组件库可能就没有Bootstrap的样式带劲了，不废话，贴代码首先需要下载Bootstrapyarn add bootstrap

我叫胡八一

4006人浏览 · 2021-02-14 16:14:33

我叫胡八一 · 2021-02-14 16:14:33 发布

vue项目中如何使用Bootstrap

众所周知vue有自己的组件库，vant、element…，为何我们还需要用Bootstrap呢？我最近想了一下，我用Bootstrap主要是用他的样式，而他基于jQuery的功能却很少用，如果光做移动端用组件库就足够了，但如果是PC端组件库可能就没有Bootstrap的样式带劲了，不废话，贴代码

首先需要下载Bootstrap
yarn add bootstrap@3
然后在main.js中只需要引入核心css文件就行了

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

我这样引入就是为了用他的样式，对前端感兴趣的小伙伴可以加我QQ：1627889159

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^