Q&A
同様に回答ありがとうございます！！
Bootstrap4でサンプルコードを見ながらモーダルを動かそうとしているのですが、
<button>要素を押しても動いてくれません。
このコードに誤りがありますか？
他の通常のBootstrapの機能は問題なく動いています。
HTMLは質問のために抜粋しています。
よろしくお願いします。
HTML
1 <head> 2 <link rel="stylesheet" href="./resouces/bootstrap.4.1.3/bootstrap.min.css"> 3 </head> 4 5 <body> 6 7 <script src="./resouces/bootstrap.4.1.3/bootstrap.bundle.min.js"></script> 8 <script src="./resouces/bootstrap.4.1.3/jquery.3.3.1.min.js"></script> 9 10 <button class="btn btn-info" data-toggle="modal" data-target="#abc">モーダル</button> 11 12 <div class="modal" id="abc" tabindex="-1"> 13 <div class="modal-dialog"> 14 <div class="modal-content"> 15 <div class="modal-header"> 16 <h5 class="modal-title">Modal title</h5> 17 <button type="button" class="close" data-dismiss="modal"> 18 <span>×</span> 19 </button> 20 </div> 21 <div class="modal-body"> 22 <p>Modal body text goes here.</p> 23 </div> 24 <div class="modal-footer"> 25 <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> 26 </div> 27 </div> 28 </div> 29 </div> 30 31 </body>
動作環境
・Bootstrap-4.1.3
・JQuery-3.3.1
・Windows10 Go言語 Chrome
回答2件
0
ベストアンサー
<script src="./resouces/bootstrap.4.1.3/bootstrap.bundle.min.js"></script> <script src="./resouces/bootstrap.4.1.3/jquery.3.3.1.min.js"></script>
順序を反対にしたらどうなりますか？
投稿2021/09/18 03:18
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2021/09/18 03:22