Bootstrap not working as expected

[KylSanAntonio]

I installed this plugin using vue cli 4.4.6 and I am able to use bootstrap's navbar and alert however, I noticed that it is not working properly. See below screenshots for your perusal.

main.js

package.json

For bootstrap alert, it doesn't dismiss, here's the code:

Alert and navbar in action:

[GregYankovoy]

Hi,

Thanks for the detailed information! Bootstrap Vue uses custom vue components to surface all of the bootstrap 4 components. While the css is shared between the two, all of the javascript is custom vue.

Please see the documentation for navbar and alert: https://bootstrap-vue.org/docs/components/alert https://bootstrap-vue.org/docs/components/navbar

For instance. Rather than: <div class="alert alert-primary" role="alert">This is a primary alert—check it out!</div>

You should use: <b-alert show>Default Alert</b-alert>

Let me know if this helps.

[KylSanAntonio]

Hi,

Thanks for the detailed information! Bootstrap Vue uses custom vue components to surface all of the bootstrap 4 components. While the css is shared between the two, all of the javascript is custom vue.

Please see the documentation for navbar and alert: https://bootstrap-vue.org/docs/components/alert https://bootstrap-vue.org/docs/components/navbar

For instance. Rather than: <div class="alert alert-primary" role="alert">This is a primary alert—check it out!</div>

You should use: <b-alert show>Default Alert</b-alert>

Let me know if this helps.

Hi @GregYankovoy ,

At first I am using the code for bootstrap 3 but then when I tried to use bootsrap 4 the js is working. Thanks.