[Vue.js] Bootstrap 부트스트랩 적용

패키지 설치

npm install vue bootstrap-vue bootstrap

main.js 내용 추가

import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

Vue.use(BootstrapVue)

App.vue

<template>
  <div id="app">
    <b-button>Button</b-button>
    <b-button variant="primary">Button</b-button>
    <b-button variant="warning">Button</b-button>
    <b-button variant="danger">Button</b-button>
    <b-button variant="success">Button</b-button>
    <b-button variant="outline-primary">Button</b-button>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style>
#app {
  margin: 10px;
}
</style>

npm run dev

실행결과