bootstrap-vueなる複合フレームワーク?をCDNで読み込んで使ってみようと
このサイトを参考に以下を作成しました。
CDNで読み込めてるか確認するためにボタン表示がbootstrap風に読み込まれてるか
確認するためのサンプルですがクロームで開いてもbuttonという文字×4しか出ませんでした。
どこが間違っているのでしょうか?なお、buttonの記述は公式リファレンスを参考にしてます。
よろしくお願いいたします。
補足
cssが効いておらずボタンの文字部分だけ見えてる状態です。
F12から確認してもエラーは起きてませんでした。
html
1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="utf-8"> 5 <title>サンプル</title> 6 7 <link type="text/css" rel="stylesheet" href="https://unpkg.com/bootstrap/dist/css/bootstrap.min.css" /> 8 <link type="text/css" rel="stylesheet" href="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.min.css" /> 9 10 11</head> 12<body> 13 <div> 14 <b-button variant="info">Button</b-button> 15 <b-button variant="danger">Button</b-button> 16 <b-button variant="success">Button</b-button> 17 <b-button variant="warning">Button</b-button> 18 </div> 19 <script src="https://polyfill.io/v3/polyfill.min.js?features=es2015%2CMutationObserver" crossorigin="anonymous"></script> 20 <script src="https://unpkg.com/vue@latest/dist/vue.min.js"></script> 21 <script src="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.min.js"></script> 22</body> 23</html>
回答1件
あなたの回答
tips
プレビュー