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.

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

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 …

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 …

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 …

BootstrapVue and Bootstrap reference, and additional resources documentation. Accessibility — A brief overview of BootstrapVue's features and limitations for the creation of accessible content.

Use any of the standard Bootstrap variants such as danger, warning, info, success, dark, light, etc. The variants for the bottom border of the header and top border of the footer can be …

Bootstrap v4 currently does not support contextual state styling (i.e. valid or invalid) of input groups. However, the inputs inside the input group do support contextual state.

Color schemes <b-navbar> supports the standard Bootstrap v4 available background color variants. Set the variant prop to one of the following values to change the background color: …

Vue does not officially support .lazy, .trim, and .number modifiers on the v-model of custom component based inputs, and may generate a bad user experience. Avoid using Vue's native …