JSPM

  • Created
  • Published
  • Downloads 209567
  • Score
    100M100P100Q156568F
  • License MIT

Bootstrap 4 Components for Vue.js 2

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

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