How to you use bootstrap nav bar in vue.js?

Question

In general html, it is used well as written in docs, but it does not work properly in my vue project.Is it a problem that I didn't import popper.js? I don't think I'm exporting to html, and I'm not sure where to import it.To be precise, the normal navbar works, but the external content menu, which works on a small screen(mobile), does not work properly. help me main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './routes/index.js'

createApp(App)
//plugin
.use(router)
.mount('#app')

Directory structure screenshot

My WebApp screenshot

Parag Diwan · Accepted Answer · 2022-01-31 06:10:39Z

0

You can use

Bootstrap Vue

OR include bootstrap CSS & JS in your `index.html'

answered Jan 31, 2022 at 6:10

Parag Diwan

1577 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

신종웅 Over a year ago

I didn't put in the bootstrap script. Thank you.

Tsurubaso · Accepted Answer · 2023-03-10 08:36:19Z

0

PLease refer to here It is working well for Bootstrap 5 and vue 3 for now.

answered Mar 10, 2023 at 8:36

Tsurubaso

251 silver badge9 bronze badges

2 Comments

Community Over a year ago

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

Zsolt Meszaros Over a year ago

While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes. - From Review

Collectives™ on Stack Overflow

How to you use bootstrap nav bar in vue.js?

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related