Package Exports
- bootstrap-vue
- bootstrap-vue/index
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (bootstrap-vue) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
BootstrapVue
Bootstrap 4 components for Vue 2
Getting started
Please refer to Official Documentation for setup guide, examples and documentation.
NPM
Get it via your favorite package manager:
$ yarn add bootstrap-vue
# OR
$ npm i bootstrap-vue
Register components:
import Vue from 'vue'
import BootstrapVue from 'bootstrap-vue';
// Globally register bootstrap-vue components
Vue.use(BootstrapVue);
CDN
Simply include this inside your HTML templates:
<script src="https://unpkg.com/bootstrap-vue/dist/bootstrap-vue.js"></script>
NUXT.JS
If you are using nuxt.js, you can register bootstrap-vue components using nuxt helpers.
Included components
Stable
- Alerts
- Breadcrumb
- Buttons
- Button group
- Dropdown
- Form Inputs
- Form Radio
- Form Checkbox
- Form Select
- Nav
- NavBar
- Pagination
- Popover
- Tables
- Modals
- Badge
- Progress
Even more Additionally, many more components are available, but they are still not documented or under development.
Playground & Contribution
If you want to play with bootstrap-vue components without any local setup just head to BootstrapVue Playground and you can interactively play and test components with a fresh vue instance.
If you want to keep your changes or make PRs reporting components misbehaviour you can save them in JSFiddle and provide that link in issues.
Also if you want to hack and improve components locally, you can follow this steps:
- Clone this repo
git clone https://github.com/bootstrap-vue/bootstrap-vue.git
- Make sure you have node & yarn installed locally
- Run
yarn install
to get all dependencies installed - Run
yarn docs-dev
to run local development server. - Head to http://localhost:3000/play
- Now you can locally make changes to components (they are located at
components
directory). Changes will be applied with webpack hot-reloading without need to reload page. - Finally feel free to share your awesome hacks with others and opening a PR.
License
The MIT License (MIT) - Copyright (c) 2016-present Pooya Parsa.
Designed and built with all the love in the world.
Maintained by the core team with the help of our contributors.
Documentation is generated using Nuxt.js