bootstrap-vue / bootstrap-vue

BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

Home Page:https://bootstrap-vue.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Badge variant css not included with Bootstrap Vue

caseytrombley opened this issue · comments

Describe the bug

Noticing that the Badge component does not render the css for variant and pill

Steps to reproduce the bug

Screen Shot 2023-04-30 at 10 20 36 PM

Use component with variant prop, see that only the base .badge style is applied.

Expected behavior

Should display with variants as shown in Vue Bootstrap documentation.

Versions

Libraries:

  • BootstrapVue: 2.6.11
  • Bootstrap: 5.3.0-alpha3
  • Vue: 2.23.0

Environment:

  • Browser: All
commented

As mentioned in the previous two issues you've opened, BootstrapVue is made for Bootstrap 4, so it will not work as intended with Bootstrap 5.