[VUE] BOOTSTRAP 적용하기

부트스트랩 설치하기

npm install bootstrap-vue-3

 

src > 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'

createApp(App).use(BootstrapVue3).mount('#app')

 

Bootstrap 이용하기

<template>
  <div>
  
    //부트스트랩 input, button
    <b-form-input v-model="text"></b-form-input>
    <b-button pill variant="outline-secondary">button</b-button>  
    
  </div>
</template>