Industry Context — Common BS Fingerprints in Software, SaaS & Tech Products
BootstrapVue
(https://bootstrap-vue.org) 📸 Data Snapshot: May 26, 2026Analyze the raw signals below. How would a machine score this business’s credibility?
Here are the exact signals captured from up to six pages of the site — the same raw inputs the evaluation engine analyzed. They are grouped by signal type so you can weigh each the way the machine does.
🏗️ Semantic Structure — heading hierarchy & page identity (Info Density · Commodity Fingerprint)
HOMEPAGE BootstrapVue (https://bootstrap-vue.org)
BootstrapVue
NAV_HEADER_HEADING_REPEATED_BODY_FOOTER Getting Started | BootstrapVue (https://bootstrap-vue.org/docs/)
Getting Started | BootstrapVue
NAV_HEADER_HEADING_REPEATED_FOOTER Changelog | Reference | BootstrapVue (https://bootstrap-vue.org/docs/reference/changelog/)
Changelog | Reference | BootstrapVue
NAV_HEADER_HEADING_REPEATED_BODY_FOOTER Online Playground | BootstrapVue (https://bootstrap-vue.org/play/)
Online Playground | BootstrapVue
📝 The Narrative — clean text per page (Info Density · Semantic Coherence)
HOMEPAGE (https://bootstrap-vue.org) BootstrapVue
[H2] Overview With more than 85 components, over 45 available plugins, several directives, and 1200+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4 component and grid system available for Vue.js v2.6, complete with extensive and automated WAI-ARIA accessibility markup. Get started Playground GitHub [H2] Reasons to choose BootstrapVue [H3] Responsive Mobile first responsive layout [H3] Modular Import only the features that you need [H3] Accessible Automated WAI-ARIA accessibility markup [H3] Modern Built with Vue.js v2.6 and Bootstrap SCSS v4.6 [H3] Configurable Create themes with SCSS variables and global options [H3] Free Open sourced on GitHub, MIT License [H2] Integrate with Nuxt.js + Easily integrate BootstrapVue into your Nuxt.js projects using our included Nuxt.js module. You can optionally specify only the components, directives and/or plugins you require. BootstrapVue Nuxt.js module BootstrapVue's documentation is created using BootstrapVue and generated with Nuxt.js [H2] Support BootstrapVue on Open Collective Become a sponsor Become a backer Donate
SUB-PAGE (https://bootstrap-vue.org/docs/) Getting Started | BootstrapVue
Vue.js v2.6 is required, v2.6.12 is recommended Bootstrap v4.3.1 is required, v4.6.1 is recommended Popper.js v1.16 is required for dropdowns (and components based on dropdown), tooltips, and popovers. v1.16.1 is recommended PortalVue v2.1 is required by Toasts, v2.1.7 is recommended jQuery is not required Check out what is new in BootstrapVue release v2.23.1. If you are migrating from a previous v2.0.0-rc.## release, please see the v2.0.0 migration guide.
[H2] Documentation sections
The online documentation comprises: Components - Components and component plugin documentation Directives - Directives and directive plugin documentation Icons - Icons and icon plugin documentation v2.2.0+ Reference - Reference information and documentation Playground - Online playground
[H2] Prerequisites
This BootstrapVue documentation assumes you are familiar with Vue and Bootstrap v4 CSS. Good starting points for these: Vue Guide Vue API Bootstrap v4.6 documentation Vue loader scoped CSS, if using scoped styles in SFC (Single File Component) .vue files
[H2] Documentation information
In many of the examples shown in BootstrapVue's documentation, you may see the use of CSS classes such as ml-2, py-1, etc. These are Bootstrap v4.6 utility classes that help control padding, margins, positioning, and more. You can find information on these classes in the Utility Classes reference section. Many of the examples in this documentation are live and can be edited in-place for an enhanced learning experience (note some examples may not work in IE 11 due to use of ES6 JavaScript code in the <template> sections). BootstrapVue also provides an interactive playground where you can experiment with the various components and export your results to JSFiddle, CodePen, and/or CodeSandbox.
[H2] Important HTML globals
Bootstrap v4 CSS employs a handful of important global styles and settings that you'll need to be aware of when using it, all of which are almost exclusively geared towards the normalization of cross browser styles. Refer to the following sub-sections for details.
[H3] HTML5 doctype
Bootstrap requires the use of the HTML5 doctype. Without it, you may see some strange incomplete styling. <!doctype html>
<html lang="en">
...
</html>
[H3] Responsive meta tag
Bootstrap is optimized for mobile devices first and then scales up components as necessary using CSS media queries. To ensure proper rendering and touch zooming for all devices, add the responsive viewport meta tag to your <head>. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
[H3] CSS box-sizing
For more straightforward sizing in CSS, the global box-sizing value is switched from content-box to border-box. This ensures padding does not affect the final computed width of an element, but it can cause problems with some third party software like Google Maps and Google Custom Search Engine. On the rare occasion you need to override it, use something like the following: .selector-for-some-widget {
box-sizing: content-box;
}With the above snippet, nested elements — including generated content via ::before and ::after — will all inherit the specified box-sizing for that .selector-for-some-widget. Learn more about box model and sizing at CSS Tricks.
[H3] Style reboot
For improved cross-browser rendering, Bootstrap v4.6 uses Reboot to correct inconsistencies across browsers and devices while providing slightly more opinionated resets to common HTML elements.
[H2] Using module bundlers
Most likely you are using module bundlers like Webpack, Parcel or rollup.js, which makes it easy to directly include the package into your project. To do this, use npm or yarn to get the latest version of Vue.js, Bootstrap v4 and BootstrapVue: # With npm
npm install vue bootstrap@4 bootstrap-vue
# With yarn
yarn add vue bootstrap@4 bootstrap-vueThen, register BootstrapVue in your app entry point (typically app.js or main.js): import Vue from 'vue'
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
// Import Bootstrap and BootstrapVue CSS files (order is important)
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
// Make BootstrapVue available throughout your project
Vue.use(BootstrapVue)
// Optionally install the BootstrapVue icon components plugin
Vue.use(IconsPlugin)
[H3] Theming Bootstrap
If you want to change Bootstrap's default styles (e.g. the $body-color), you have to use Bootstrap's and BootstrapVue's scss files. Create your own scss file (e.g. app.scss) containing both your custom definitions and the 2 @import's at the end: // Define variable defaults
$body-bg: #000;
$body-color: #111;
// Then import Bootstrap and BootstrapVue SCSS files (order is important)
@import 'node_modules/bootstrap/scss/bootstrap.scss';
@import 'node_modules/bootstrap-vue/src/index.scss';Then import that single scss file into your project: import Vue from 'vue'
import { BootstrapVue } from 'bootstrap-vue'
import './app.scss'
Vue.use(BootstrapVue)Do not import the individual SCSS files separately into your project, because variables and functions will fail to be shared between files. For information on theming Bootstrap, check out the Theming reference section.
[H3] Aliasing Vue import
BootstrapVue and PortalVue require access to the global Vue reference (via import Vue from 'vue'). If you are using a specific build of Vue (i.e. runtime-only vs. compiler + runtime), you will need to set up an alias to 'vue' in your bundler config to ensure that your project, BootstrapVue and PortalVue are all using the same build version of Vue. If you are seeing an error such as "$attr and $listeners is readonly", or "Multiple instances of Vue detected", then you will need to set up an alias. Example: Vue alias for Vue CLI in vue.config.js const path = require('path')
module.exports = {
chainWebpack: config => {
config.resolve.alias.set(
'vue$',
// If using the runtime only build
path.resolve(__dirname, 'node_modules/vue/dist/vue.runtime.esm.js')
// Or if using full build of Vue (runtime + compiler)
// path.resolve(__dirname, 'node_modules/vue/dist/vue.esm.js')
)
}
}Example: Vue alias in webpack.config.js module.exports = {
// ...
resolve: {
alias: {
// If using the runtime only build
vue$: 'vue/dist/vue.runtime.esm.js' // 'vue/dist/vue.runtime.common.js' for webpack 1
// Or if using full build of Vue (runtime + compiler)
// vue$: 'vue/dist/vue.esm.js' // 'vue/dist/vue.common.js' for webpack 1
}
}
}Note: If your project has multiple webpack config files (i.e. webpack.config.js, webpack.renderer.config.js, webpack.vendor.config.js, webpack.server.config.js, webpack.client.config.js, etc.), you will need to set the appropriate alias in all of them. See the Vue.js Guide for full details on setting up aliases for webpack, rollup.js, Parcel, etc.
[H3] Advanced module bundler usage
Webpack and Parcel support prepending the scss modules with tilde paths (~) when importing from a scss file: // Webpack example
@import '~bootstrap';
@import '~bootstrap-vue';// Parcel example
@import '~bootstrap/scss/bootstrap.scss';
@import '~bootstrap-vue/src/index.scss';For more details how to configure asset loading and how modules are resolved, please consult the module bundlers documentation. Notes: Webpack configuration to load CSS files (official guide) Webpack Loader for SASS/SCSS files (official guide) Parcel CSS (official guide) Parcel SCSS (official guide)
[H2] Tree shaking with module bundlers
When using a module bundler you can optionally import only specific components groups (plugins), components and/or directives. Note that tree shaking only applies to the JavaScript code and not CSS/SCSS. Note: Optimal tree shaking only works when webpack 4 is in production mode and javascript minification is enabled.
[H3] Component groups and directives as Vue plugins
You can import component groups and directives as Vue plugins by importing from the bootstrap-vue: // This imports all the layout components such as <b-container>, <b-row>, <b-col>:
import { LayoutPlugin } from 'bootstrap-vue'
Vue.use(LayoutPlugin)
// This imports <b-modal> as well as the v-b-modal directive as a plugin:
import { ModalPlugin } from 'bootstrap-vue'
Vue.use(ModalPlugin)
// This imports <b-card> along with all the <b-card-*> sub-components as a plugin:
import { CardPlugin } from 'bootstrap-vue'
Vue.use(CardPlugin)
// This imports directive v-b-scrollspy as a plugin:
import { VBScrollspyPlugin } from 'bootstrap-vue'
Vue.use(VBScrollspyPlugin)
// This imports the dropdown and table plugins
import { DropdownPlugin, TablePlugin } from 'bootstrap-vue'
Vue.use(DropdownPlugin)
Vue.use(TablePlugin)When importing as plugins, all subcomponents and related directives are imported in most cases. i.e. When importing <b-nav>, all the <nav-*> sub components are also included, as well all dropdown sub components. Component shorthand aliases (if any) are also included in the plugin. Refer to the component and directive documentation for details. There are two additional helper plugins for providing the $bvModal and $bvToast injections (if you are not using the ModalPlugin or ToastPlugin plugins) which are available for import from 'bootstrap-vue': BVModalPlugin - provides the injection $bvModal for generating message boxes. BVToastPlugin - provides the injection $bvToast for generating on demand toasts. When importing multiple component group and/or directive group plugins, include all imports in a single import statement for optimal tree shaking.
[H3] Individual components and directives
If you would like to only pull in a specific component or set of components, you can do this by directly importing those components. To cherry pick a component/directive, start by importing it in the file where it is being used: // Place all imports from 'bootstrap-vue' in a single import
// statement for optimal bundle sizes
import { BModal, VBModal } from 'bootstrap-vue'Then add it to your component definition: Vue.component('MyComponent', {
components: { BModal },
// Note that Vue automatically prefixes directive names with `v-`
directives: { 'b-modal': VBModal }
// ...
})Or register them globally: Vue.component('BModal', BModal)
// Note that Vue automatically prefixes directive names with `v-`
Vue.directive('b-modal', VBModal)Vue allows for various component and directive name syntaxes here, so feel free to utilize kebab-casing (shown), camelCasing, PascalCasing, and/or object property shorthand (components only).
[H3] Using BootstrapVue source code for smaller bundles
When using module bundlers, they will usually default to using the esm/ modular build, which has been pre-transpiled by Babel for our supported browsers. You can override the use of the esm/ build by aliasing 'bootstrap-vue' to use the BootstrapVue source files, and whitelisting node_modules/bootstrap-vue/src/* for transpilation by your build process, in your module bundler config. This will allow you to transpile BootstrapVue for your target browsers/environments and potentially reduce bundle sizes (and will only include the babel helper utils once) at the expense of slightly longer build times. Example webpack.config.js for Babel transpilation: module.exports = {
resolve: {
alias: {
// Alias for using source of BootstrapVue
'bootstrap-vue$': 'bootstrap-vue/src/index.js'
}
},
module: {
rules: [
{
test: /\.js$/,
// Exclude transpiling `node_modules`, except `bootstrap-vue/src`
exclude: /node_modules\/(?!bootstrap-vue\/src\/)/,
use: {
loader: 'babel-loader',
options: {
presets: ['env']
}
}
}
]
}
}You may need to install babel-core, babel-loader, and babel-preset-env: # If using npm
npm install babel-core babel-loader babel-preset-env --save-dev
# If using yarn
yarn add babel-core babel-loader babel-preset-env --devFor more details see: Webpack resolve.alias Webpack rule rollup.js Parcel
[H2] Nuxt.js module
BootstrapVue provides a Nuxt.js module for easily importing BootstrapVue (or portions of BootstrapVue) into your Nuxt.js app.
[H3] Getting started with Nuxt.js
Nuxt.js version 2.15.8 (or greater) is recommended. Install dependencies: # With npm
npm install bootstrap-vue
# With yarn
yarn add bootstrap-vueAdd bootstrap-vue/nuxt to modules section of your nuxt.config.js file. This will include both bootstrap.css and bootstrap-vue.css default pre-compiled CSS. module.exports = {
modules: ['bootstrap-vue/nuxt']
}Note that this will not install the Icons components. To see how to include icons via the Nuxt.js module, refer to the Icons section below.
[H3] Using custom Bootstrap SCSS
If you are using custom Bootstrap SCSS, you can disable automatic inclusion of Bootstrap and BootstrapVue pre-compiled CSS files by setting the following option(s) to false: module.exports = {
modules: ['bootstrap-vue/nuxt'],
bootstrapVue: {
bootstrapCSS: false, // Or `css: false`
bootstrapVueCSS: false // Or `bvCSS: false`
}
}BootstrapVue's custom SCSS relies on Bootstrap SCSS variables and mixins, and any variable overrides you may have set. You can include Bootstrap and BootstrapVue SCSS in your project's custom SCSS file: // Custom Bootstrap variable overrides go first
$grid-breakpoints: (
xs: 0,
sm: 480px,
md: 640px,
lg: 992px,
xl: 1300px
);
$enable-rounded: false;
// Then include the following
@import 'bootstrap/scss/bootstrap.scss';
@import 'bootstrap-vue/src/index.scss';
// And define any of your custom or additional CSS/SCSS here,
// or via an @importIn your app main entry point include the single custom SCSS file (when using sass-loader): import 'custom.scss'
[H3] transformAssetUrls with Nuxt.js
The BootstrapVue Nuxt plugin module will automatically add in the BootstrapVue specific transformAssetUrls image src prop configuration for you.
[H3] Tree shaking with Nuxt.js
If you wish to reduce your production bundle size because you only use a subset of the available BootstrapVue plugins, you can configure the list of BootstrapVue componentPlugins or directivePlugins you want to globally install in your Nuxt.js project. Note tree shaking only applies to the JavaScript code and not CSS/SCSS. module.exports = {
modules: ['bootstrap-vue/nuxt'],
bootstrapVue: {
componentPlugins: [
'LayoutPlugin',
'FormPlugin',
'FormCheckboxPlugin',
'FormInputPlugin',
'FormRadioPlugin',
'ToastPlugin',
'ModalPlugin'
],
directivePlugins: ['VBPopoverPlugin', 'VBTooltipPlugin', 'VBScrollspyPlugin']
}
}There are two additional helper plugins for providing the $bvModal and $bvToast injections (if you are not using the ModalPlugin or ToastPlugin plugins) that are available in the componentPlugins option: BVModalPlugin - provides the injection $bvModal for generating message boxes. BVToastPlugin - provides the injection $bvToast for generating on demand toasts. You can also optionally import individual components and/or directives, by
SUB-PAGE (https://bootstrap-vue.org/docs/reference/changelog/) Changelog | Reference | BootstrapVue
All notable changes to this project will be documented in this file. See standard-version for commit guidelines. [H2] 2.23.1 (2022-10-26) [H3] Bug Fixes correctly pass parent relations for Vue.js2 (58e2d7e) [H2] 2.23.0 (2022-10-25) [H3] Bug Fixes vue3: do not rely on __vueParentComponent in tooltip (fe13503) update refs inside v-for to work for @vue/compat (ae4bac8) [H3] Other v2.23.0 add support for @vue/compat [H2] 2.22.0 (2022-04-17) [H3] Features b-dropdown: add toggle-attrs prop (closes #3694) (#6339) (6cfcbb3) b-form-group: add content-cols props and scoped default slot (closes #6095, #6118) (#6178) (fab6dc5) b-form-tags: add feedback-aria-live prop (#6347) (5332970) b-form-tags: add no-tags-remove prop (closes #6162) (#6163) (92de1f9) b-form-tags: add reset method (#6104) (d610291) b-form-tags: adds focusin & focusout to wrapper and prevents firing multiple focus/blur events (#6395) (44e558f) b-link: support exact-path and exact-path-active-class props for router link (fixes #6434) (#6811) (576e67b) add headerTag and footerTag props to all componets with header and footer (#6375) (c6dd70a) b-media: improve aside right handling (#5965) (49a3f00) b-sidebar: add header slot (#6179) (341b7f0) config: improved defaults handling (closes #4507, #5138, #5291, #5459, #5958) (#5981) (7ea0cc4) refactor: code enhancements for easier Vue 3 migration (closes #6124, #6139) (#6141) (5bf6733) [H3] Bug Fixes b-avatar: badge z-index handling (#5975) (ecb33bd) b-avatar: prevent avatar from being squished (#5963) (b3946ed), closes #5962 b-badge: attribute inheritance (#6217) (2d31f31) b-dropdown: click handling on close (closes #5982) (#6009) (cf7a1cb) b-dropdown: decrease delay when hiding inside a navbar on no-touch devices (closes #6306) (#6367) (7d72605) b-dropdown: only apply heading role to header when not a header tag (#6274) (bd67da0) b-dropdown: root events (#6198) (6dcd233) b-dropdown: Sets correct aria-haspopup attribute for the toggle button (#6865) (d92c2f1) b-form-checkbox/b-form-radio: chnage event timing (#6008) (37ec7e9) b-form-datepicker: valueAsDate prop handling (#6159) (5cb8e0c) b-form-datepicker/b-form-timepicker: control size (#6249) (f2ffbeb) b-form-datepicker/b-form-timepicker: label styles when in button-only mode (closes #6172) (#6186) (e8842ba) b-form-group: accessibility when label-for prop not set (#6006) (16f777b) b-form-input: modified value handling (#6084) (d6d8e3c) b-form-input/b-form-textarea: legacy browser support (closes #6283) (#6345) (a79d98a) b-form-spinbutton: button markup (#6101) (5082976) b-form-tags: required handling (closes #6094) (#6103) (2dc6b9d) b-icon: title render handling (#6233) (b025047) b-img-lazy: blank placeholder for Firefox (closes #6320) (#6349) (9b297c9) b-img-lazy: fix blank-src not work error (#6302) (a6ace2f) b-link: remove default values from vue-router pass-down props (closes #6373) (#6374) (0a14828) b-skeleton: accepts custom attributes (#6858) (9b1edc9) b-table: fix range selection of b-table (#6606) (c11f0db) b-table: selected table header text no longer prevents table row selection (#6645) (010ab31) replace sass division with multiplication (#6834) (dd051e9) b-form-group: remove role="alert" from valid/invalid feedback (closes #6300, #6307) (#6346) (c0959c4) b-input-tags: not respecting custom $input-color (closes #6388) (#6389) (9f045d4) b-pagination: don't set initial page count twice (#6200) (d7394e3) b-sidebar: make sure to not exceed 100% in height (closes #6176) (#6234) (782e11d) b-table: add missing role="grid" when selectable (closes #6305) (#6372) (bc02fb8) b-table: add missing sortKey field type and correct a typo (#6355) (f5ca62f) b-table: allow responsive and stacked props together (#6266) (fa977a8) b-table: default role to grid when selectable and table otherwise (#6383) (3f5a309), closes #6326 b-table: header cell overflow for .sr-only sort label (#6371) (11617b4) b-table: only set aria-describedby when caption really exists (#6251) (b980017) b-table: only set tabindex="0" for sortable TH's (#6102) (dd23742) b-table: prefer user-provided role attribute (#6382) (9e25a3b) b-table: set aria-sort when using sortKey and no-local-sorting (closes #6602) (#6603) (2438137) b-table: sort handling for numeric string values (closes #6092) (#6105) (29fbcb5) b-tabs: cleanup rendering logic (#6154) (8aeb9e9) b-tabs: restore correct active tab detection logic (closes #6205) (#6208) (6d92a43) docs: completing the url so that the link is correct (#6545) (c9c85a9) nav-item-dropdown: update dropdown to set correct aria-controls (97bb97b) utils/dom: bind requestAF() to window (#6508) (#6511) (f8caaec) clean up props inheritance (#6265) (79784ae) environment detection based on userAgent (#6226) (cdfd16c) table: default sort compare logic for date strings (#6153) (3696a1f) user supplied prop function detection (#6070) (cea6051) user supplied prop function detection (closes #6112) (#6113) (1d85839) table: use original value for fallback when number parsing fails in defaultSortCompare() (c375ce9) [H3] v2.21.2 Released: 2021-01-01 [H3] Bug Fixes v2.21.2 b-dropdown: only apply heading role to header when not a header tag (#6274) (bd67da0) b-table: allow responsive and stacked props together (#6266) (fa977a8) clean up props inheritance (#6265) (79784ae) b-form-datepicker/b-form-timepicker: control size (#6249) (f2ffbeb) b-icon: title render handling (#6233) (b025047) b-sidebar: make sure to not exceed 100% in height (closes #6176) (#6234) (782e11d) b-table: only set aria-describedby when caption really exists (#6251) (b980017) environment detection based on userAgent (#6226) (cdfd16c) [H2] v2.21.1 Released: 2020-12-16 [H3] Bug Fixes v2.21.1 b-badge: attribute inheritance (#6217) (2d31f31) b-dropdown: root events (#6198) (6dcd233) b-pagination: don't set initial page count twice (#6200) (d7394e3) b-tabs: restore correct active tab detection logic (closes #6205) (#6208) (6d92a43) [H2] v2.21.0 Released: 2020-12-14 [H3] Features v2.21.0 b-form-group: add content-cols props and scoped default slot (closes #6095, #6118) (#6178) (fab6dc5) b-form-tags: add no-tags-remove prop (closes #6162) (#6163) (92de1f9) b-sidebar: add header slot (#6179) (341b7f0) refactor: code enhancements for easier Vue 3 migration (closes #6124, #6139) (#6141) (5bf6733) icons: update Bootstrap Icons to v1.2.1 (#6194) (799e272) icons: update Bootstrap Icons to v1.2.0 (#6180) (00682e5) [H3] Bug Fixes v2.21.0 b-form-datepicker: valueAsDate prop handling (#6159) (5cb8e0c) b-form-datepicker/b-form-timepicker: label styles when in button-only mode (closes #6172) (#6186) (e8842ba) b-tabs: cleanup rendering logic (#6154) (8aeb9e9) table: default sort compare logic for date strings (#6153) (3696a1f) table: use original value for fallback when number parsing fails in defaultSortCompare() (c375ce9) [H2] v2.20.1 Released: 2020-12-01 [H3] Bug Fixes v2.20.1 user supplied prop function detection (closes #6112) (#6113) (1d85839) [H2] v2.20.0 Released: 2020-11-30 [H3] Features v2.20.0 b-form-tags: add reset method (#6104) (d610291) [H3] Bug Fixes v2.20.0 b-form-input: modified value handling (#6084) (d6d8e3c) b-form-spinbutton: button markup (#6101) (5082976) b-form-tags: required handling (closes #6094) (#6103) (2dc6b9d) b-table: only set tabindex="0" for sortable TH's (#6102) (dd23742) b-table: sort handling for numeric string values (closes #6092) (#6105) (29fbcb5) user supplied prop function detection (#6070) (cea6051) [H2] v2.19.0 Released: 2020-11-08 [H3] Features v2.19.0 b-media: improve aside right handling (#5965) (49a3f00) config: improved defaults handling (closes #4507, #5138, #5291, #5459, #5958) (#5981) (7ea0cc4) icons: update Bootstrap Icons to v1.1.0 (#5977) (8e45ad4) [H3] Bug Fixes v2.19.0 b-avatar: badge z-index handling (#5975) (ecb33bd) b-avatar: prevent avatar from being squished (#5963) (b3946ed), closes #5962 b-dropdown: click handling on close (closes #5982) (#6009) (cf7a1cb) b-form-checkbox/b-form-radio: change event timing (#6008) (37ec7e9) b-form-group: accessibility when label-for prop not set (#6006) (16f777b) [H2] v2.18.1 Released: 2020-10-21 [H3] Bug Fixes v2.18.1 b-form-group: content element ID handling (closes #5930) (#5933) (fecd558) b-icon: local component lookup (#5939) (4586b49) b-link: href handling with live router (closes #5927) (#5934) (8a367b6) [H2] v2.18.0 Released: 2020-10-19 [H3] Features v2.18.0 b-calendar: add no-key-nav property (closes #5861) (#5883) (955ad63) update core-js to v3 (#5894) (aeed981) [H3] Bug Fixes v2.18.0 b-calendar: month formatting for certain dates (#5911) (7de1844) b-card: properly support header/footer with body image overlay (#5872) (bd8319d) b-carousel: fix glitching when switching slides fast (closes #5810) (#5845) (761bc93) b-link: href handling inconsistencies to <router-link> (closes #5820) (#5876) (daea0e5) b-skeleton: animation overflow issue for Safari (#5863) (bfd4f96) v-tooltip, v-popover: render data-* attributes on root components (closes #5836) (#5882) (f6b51e0) [H2] v2.17.3 Released: 2020-09-18 No changes to v2.17.2. [H2] v2.17.2 Released: 2020-09-18 [H3] Bug Fixes v2.17.2 b-nav-item-dropdown: boundary handling in <b-navbar> (closes #5789) (#5794) (73383bf) b-skeleton: add missing component exports (#5806) (871ce22) b-tooltip, b-popover: fix title not being reset on hide (#5793) (31eeb0a) [H2] v2.17.1 Released: 2020-09-16 [H3] Bug Fixes v2.17.1 b-modal: solve body padding not being removed (#5771) (78d51f1) b-table: properly handle empty included/excluded filter fields (closes #5775) (#5780) (78ac383) [H2] v2.17.0 Released: 2020-09-13 [H3] Features v2.17.0 b-avatar: add size classes for sm and lg sizes (closes #5592) (#5768) (942bf31) b-calendar: add nav-button-variant prop (closes #5702) (#5705) (aa291fc) b-form-file: improved drag and drop handling (closes #3673) (#5727) (3b12a73) b-icon: add proper title support (closes #5711) (#5724) (3756b2c) b-pagination/b-pagination-nav: allow page change to be prevented (closes #5679) (#5755) (7e18c61) b-sidebar: add noEnforceFocus prop (closes #5707) (#5734) (c11c237) b-skeleton: add skeleton components (closes #5413) (#5575) (31c06b5) b-table: add sortKey option for no-local-sorting events (#5746) (f847dae) b-tags: add limit prop (#5543) (caa0f1a) docs: auto-detect settings props in component reference (#5761) (0ddb2e0) icons: update Bootstrap Icons to v1.0.0 (#5708) (edc2d35) [H3] Bug Fixes v2.17.0 b-avatar: image fit and scale (closes #5610, #5655) (#5675) (9812248) b-button-toolbar: allow focus to leave toolbar by keyboard (#5737) (f54e427) b-form-checkbox: change event value when in multiple mode (#5716) (5150b94) b-form-checkbox/b-form-radio: remove autocomplete="off" attribute (#5764) (443aaf1) b-form-datepicker/b-form-timepicker/b-nav-item-dropdown: dropdown positioning handling (closes #5700, #5630) (#5765) (7ec2205) b-form-file: drop handling for huge amounts of files (closes #5615) (#5685) (d54b240) b-form-input: fix debounce when value does not change (#5632) (111ca65) b-form-tags: ensure same height with or without tags (#5752) (07102f9) b-form-textarea: setStyle() util usage (bf7a65f) b-pagination: properly calculate number of links with hide-ellipsis option (closes #5514) (#5678) (98e17ca) bv-tooltip: hide the tooltip when the title is set to empty (closes #5648) (#5677) (5363a31) perf: reactivity issues with bvAttrs and bvListeners (closes #5520) (#5753) (d83a2b1) v-b-toggle: prevent scroll anchoring behavior (closes #5715) (#5769) (390a5c7) component destroy handling on parent destroy (#5749) (e67d341) don't display BootstrapVue warning messages when in production (bf8966f) don't display warning messages when in production (closes #5598) (#5763) (4b5d916) b-table: make sure to apply all formatters of field configuration (closes #5672) (#5674) (c7c14ea) ssr: avoid tree missmatches by either using domProps or children (closes #5453, #5557) (#5723) (5e8dad8) v-b-toggle: handle component updates on click listeners (#5690) (156b1d6) [H2] v2.16.0 Released: 2020-07-27 [H3] Features v2.16.0 b-form-tags: add ignoreInputFocusSelector prop to make input focus behavior configurable (closes #5425) (#5429) (26d5953) docs: launch themes page with first BootstrapVue theme (#5549) (ec51ef0) icons: update Bootstrap Icons to v1.0.0-alpha5 (#5533) (d52ce0b) [H3] Bug Fixes v2.16.0 properly handle special characters in user-provided IDs (closes #4927, #5561) (#5564) (1fabd68) b-form-checkbox-group: only emit input when value loosely changes (#5432) (e76d408) b-form-tags: unit test (#5586) (f4d509a) b-icon: use aria-label attribute instead of alt (#5581) (72a1363) b-img: Allow empty alt prop (fixes #5524) (#5545) (b22829d) b-table: prevent endless reevaluation when using v-model and object/array literal prop values (#5554) (f127d91) b-tags: replace spacing utility with static CSS (fixes #5523) (#5544) (e0de687) [H2] v2.15.0 Released: 2020-05-22 [H3] Features v2.15.0 css: update Bootstrap to v4.5.0 (#5395) (ba7a55e) icons: update Bootstrap Icons to v1.0.0-alpha4 (#5420) (3208309) b-sidebar: add prop backdrop-variant (#5411) (4b0c163) b-link: add support 3rd party router links such as Gridsome's <g-link> (closes #2627) (#5358) (6d29e1c) b-navbar-toggle: add disabled prop (#5397) (0b7082b) v-b-toggle: check for target ID via href if a link (#5398) (33e39b0) types: create declarations for <b-calendar> and <b-time> context event objects (closes #5366) (#5374) (8f3ca30) support <nuxt-link>'s prefetch property (closes #5125) (#5355) (b9416cb) [H3] Bug Fixes v2.15.0 v-b-toggle: don't check for evt.defaultPrevented (closes #5391) (#5396) (a1543b2) b-link: default new <nuxt-link> prop prefetch to null for true tri-state prop (#5357) (3f41c91) ensure all intervals/timeouts/observers are cleared when component is destroyed (#5362) (064cdf4) properly handle HTML props render order (closes #5363) (#5365) (844ecda) fix docs CodeSandbox integration (#5381) (a948846) [H2] v2.14.0 Released: 2020-05-12 [H3] Features v2.14.0 b-avatar-group: new helper component <b-avatar-group> (#5272) (c84faae) b-nav-item-dropdown: improve default handling of dropdown toggle link (closes #3942) (#5344) (62c6105) v-b-toggle: support specifying target ID via directive argument, and array of target IDs via directive value (closes #4834) (#5336) (260ef72) [H3] Bug Fixes v2.14.0 b-modal: remove role="document" from .modal-content (#5345) (0c2b406) perf: avoid useless re-renders of component on parent update (#4825) (2cb3fe0) [H3] Other v2.14.0 dev dependency upgrades docs updates upgrade to vue test utils 1.0.x [H2] v2.13.1 Released: 2020-05-05 [H3] Bug Fixes v2.13.1 b-table, b-table-lite, b-table-simple: handle head/foot variant for sticky columns (fixes #5278) (#5279) (53e309e) [H3] Other v2.13.1 documentation updates dev dependency updates [H2] v2.13.0 Released: 2020-04-27 [H3] Features v
SUB-PAGE · THIN (https://bootstrap-vue.org/play/) Online Playground | BootstrapVue
[H1] Online Playground 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. Reset to default Export to
🛡️ Trust Signals — reviews, proof links, trust-theatre flag (Trust & Proof)
| Page | Reviews | Proof links |
|---|---|---|
| / (home) | 0 | 0 |
| /docs/ | 11 | 0 |
| /docs/reference/changelog/ | 6 | 0 |
| /play/ | 0 | 0 |
🔗 Identity & Technical Layer — schema JSON-LD: identity chains, entity gaps (Identity & Authority)
Your Diagnosis
Before revealing the machine’s verdict, predict the BS score for each signal. Higher = more BS (more fluff, less verifiable substance). Drag each slider, then submit to compare your judgment against the engine.
Stuck? Reveal the heuristic lens — how the deterministic page-auditor reads each signal (no AI, pure pattern rules)
These are the structural rules a local, deterministic auditor applies — the same lens you can use to judge each signal. They describe what to look for, not this company’s result.
Classify each sentence as substantive or hollow. Grounding markers — numbers, currencies, dates, technical units, named entities — outweigh marketing adjectives. When fluff sits right next to hard evidence, the fluff is forgiven.
Pull the main entities out of the H1, then check whether they actually recur through the body. A page that announces one thing and then talks about another drifts. Headings with no real sentences underneath read as pseudo-substance.
Count trust words (review, testimonial, rating, verified) against real outbound proof links (Google, Trustpilot, Clutch, G2, Yelp). Lots of trust language with zero verification links is trust theatre. Unlinked logo galleries count against it.
Look at how much sentence length varies. Natural writing varies its rhythm; templated or mass-produced copy is statistically uniform. Very low variation reads as commodity content — unless unique named entities break the pattern.
Inspect the JSON-LD. Is there an Organization or Person schema, and does it carry sameAs links to real external profiles (LinkedIn, socials)? Missing schema or no identity declaration signals an anonymous entity.
Want to apply this lens yourself? The free BS Indicator Chrome extension runs these heuristic checks live on any page. Bear in mind it is a single-page, deterministic tool — it relies only on pattern rules for the page in front of it and does not perform the cross-page semantic correlation this audit uses, so its readout is a starting lens, not the full verdict.
Based on 1130 businesses audited.
BootstrapVue has 19.2 points less BS than the average for Software, SaaS & Tech Products.
Software, SaaS & Tech Products BS: BootstrapVue (bootstrap-vue.org)
This is a high-substance technical site that effectively ignores modern marketing bullshit in favor of developer utility. While the project is currently stale (fossilized in the Vue 2 era), its claims remain grounded in the reality of its codebase rather than promotional vaporware.
1. Remove the word ‘Modern’ from the H3 on the homepage, as a 42-month update gap in frontend technology invalidates this claim. 2. Implement SoftwareSourceCode and Organization schema to provide structured identity. 3. Add a clear ‘Maintenance Status’ or ‘Legacy’ badge to the header to align expectations with the 2022 last-update date. 4. Explicitly link the ’85 components’ claim to the Components documentation section to create a direct proof path.
The website perfectly aligns with the Software, SaaS & Tech Products category, specifically focusing on developer tools and frontend frameworks. The content is deeply technical, focusing on Vue.js v2.6 and Bootstrap v4 implementations, which confirms its role as a specialized library provider.
“The score of 14 is driven primarily by the 'Identity and Authority' pillar (6/15), due to the lack of structured data and the significant temporal delta between the current date and the last project update. The site scores near-perfectly on Semantic Coherence and Information Density, as it provides exactly what it promises without marketing jargon.”
This training module utilizes a snapshot of public data from BootstrapVue, captured on May 26, 2026, to demonstrate how machine logic evaluates different types of business narratives.
Purpose: This data is presented under “Fair Use” / “Educational Exception” for the purpose of forensic semantic analysis, allowing users to compare human intuition against machine-generated evaluations.
Notice to BootstrapVue: This analysis is part of a non-adversarial audit conducted by 1 Euro SEO. The results provided by 1EuroSEO are intended as professional feedback to help improve any website’s machine-readability and authority signals. The 1EuroSEO BS Detection Tool is a free tool, and anyone can test any company to see how their content is interpreted by AI models.
Any company can use the insights for free and improve its voice by comparing it to industry clichés or competitors. When a company has updated its content, it can always submit a new audit request, which will be reflected in a new current score.
To all users: You are encouraged to visit the live site at https://bootstrap-vue.org to view the most current version of its content and learn from the source what this company is about and what it offers.