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

Viewed 152

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

1 Answers

You can use

Bootstrap Vue

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

Related