More than 5 years have passed since last update.

laravelでbootstrap-vueを使う

Posted at 2019-12-12

1.ターミナルにて下記コマンド実行

npm install vue bootstrap-vue bootstrap

2.src/resources/js/app.jsに下記コード追加

src/resources/js/app.js

import BootstrapVue from 'bootstrap-vue'
Vue.use(BootstrapVue)

3.もっと気軽に使いたい場合はCDNで
①head内に下記を記述

<link type="text/css" rel="stylesheet" href="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.css">

②bodyの最後に先下記を記述

<script src="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.js"></script>