With BootstrapVue you can build responsive, mobile-first, and ARIA accessible projects on the web using Vue.js and the world's most popular front-end CSS library — Bootstrap v4.

They're rendered only with basic HTML and CSS as a lightweight Vue functional component. Table — For displaying tabular data. <b-table> supports pagination, filtering, sorting, custom …

Feb 6, 2012 · Get started with BootstrapVue, based on the world's most popular framework - Bootstrap v4, for building responsive, mobile-first sites using Vue.js

Transitioning to Vue.js 3.x BootstrapVue evolves with @vue-compat! With the release of v2.23.0, you can begin using BootstrapVue with the migration build of Vue.js 3. While @vue/compat …

Example: import { BListGroup } from 'bootstrap-vue' Vue.component('b-list-group', BListGroup) Importing as a Vue.js plugin This plugin includes all of the above listed individual components. …

Bootstrap default theme variants are: danger, warning, success, primary, secondary, info, light, and dark. You can change or add additional variants via Bootstrap SCSS variables

Use Bootstrap's display utilities for responsively toggling common values of the display property. Mix it with the grid system, content, or components to show or hide them across specific …

Here you can interactively play and test components with a fresh Vue.js instance. Please refer to the Docs section for more information about available components and usage.

BootstrapVue <b-card> variants are directly mapped to Bootstrap v4 card classes by pre-pending bg- (for solid) or border- (for bordered) to the above variant names.

Controls and input groups receive width: auto to override the Bootstrap default width: 100%. Controls only appear inline in viewports that are at least 576px wide to account for narrow …