- Remove Bootstrap-vue if already installed (check pacakge.json for this)
npm install git://github.com/dripcapital/bootstrap-vue
- For Rails Setup ..* Inside the main scss file copy(path can be different)
@import 'bootstrap/dist/css/bootstrap.min.css';
@import 'bootstrap-vue/dist/bootstrap-vue.css';
@import '../../../node_modules/bootstrap-vue/src/index.scss';
- For Nuxt/Vue Setup ..* Inside the main scss files(above all the other variables)
@import 'variables'; @import '~bootstrap-vue/src/index.scss'; @import '~bootstrap/scss/bootstrap.scss';
- ordering of the above statements is important
- Currently the custom version contains only custom drip colors
- To create buttons, forms, checkbox or any other thing use
${element}-primary(for drip green color) and $ {element}-secondary(for drip blue color) - For spacing and margin, instead of creating a new class use bootstrap default classes for margin
and paddding
With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4.5 component and grid system available for Vue.js v2.6, complete with extensive and automated WAI-ARIA accessibility markup.
Support this project by becoming a sponsor.
Your logo will show up here with a link to your website. [Become a sponsor]
Thank you to all our backers! 🙏 [Become a backer]
This project exists thanks to all the people who contribute. [Contribute].
Released under the MIT License. Copyright (c) BootstrapVue.