teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

タグ追記

2019/05/28 02:06

投稿

mk222222
mk222222

スコア59

title CHANGED
File without changes
body CHANGED
File without changes

1

追記

2019/05/28 02:06

投稿

mk222222
mk222222

スコア59

title CHANGED
File without changes
body CHANGED
@@ -58,4 +58,32 @@
58
58
  </div>
59
59
  </body>
60
60
  </html>
61
+ ```
62
+
63
+ 補足
64
+ bootstarpVueの実装方法も試しましたがこのソースの場合だと
65
+ そもそもボタンの形成もされませんでした、、
66
+ ```html
67
+ <!DOCTYPE html>
68
+ <html>
69
+ <head>
70
+ <meta charset="utf-8">
71
+ <title>test</title>
72
+ <link type="text/css" rel="stylesheet" href="https://unpkg.com/bootstrap/dist/css/bootstrap.min.css" />
73
+ <link type="text/css" rel="stylesheet" href="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.min.css" />
74
+ <script src="https://polyfill.io/v3/polyfill.min.js?features=es2015%2CMutationObserver" crossorigin="anonymous"></script>
75
+ <script src="https://unpkg.com/vue@latest/dist/vue.min.js"></script>
76
+ <script src="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.min.js"></script>
77
+ </head>
78
+
79
+ <body>
80
+ <div>
81
+ <b-button v-b-modal.modal-1>Launch demo modal</b-button>
82
+
83
+ <b-modal id="modal-1" title="BootstrapVue">
84
+ <p class="my-4">Hello from modal!</p>
85
+ </b-modal>
86
+ </div>
87
+ </body>
88
+ </html>
61
89
  ```