본문 바로가기

Vue.js

Vue 3 bootstrap 적용하기

부트스트랩 설치

 

npm install bootstrap-vue-3

 

 

설치 후

 main.js 에 부트스트랩을 등록합니다.

 

import { createApp } from 'vue'
import App from './App.vue'

//부트스트랩
import BootstrapVue3 from 'bootstrap-vue-3'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'

const app = createApp(App);

app.use(BootstrapVue3);

app.mount('#app');

 

 

세팅완료 

 

부트스트랩 class 또는 vue 전용 태그를 사용하시면 됩니다!.