質問: ### 前提・実現したいこと Bootstrap(honoka)とDjango、htmlとcssを用いてサイトを制作しています。 このページを参考にしてダイアログを制作しました。 しかし、実行するとページ全体が黒くなってしまいます。 ボタンを押す前 ![ボタンを押す前](https://teratail.storage.googleapis.com/uploads/contributed_images/97e450708f48c70daac551d300e29dad.png) ボタンを押した後 ![ボタンを押した後](https://teratail.storage.googleapis.com/uploads/contributed_images/2180ddf4e8050aa1d38b5d5bd4e82e46.png) どうすれば良いでしょうか? ご教授のほどよろしくお願いいたします。 ### 該当のソースコード ``` {% load staticfiles %} タイトル 大きいダイアログ 実行して宜しいですか? 実行する ``` ### 追記 ご回答いただいた内容を元に ``` ``` を削除すると、黒さが一段階減りましたが、まだ黒さは残っています。 改善後 ![改善後](https://teratail.storage.googleapis.com/uploads/contributed_images/84b55633bfc4b87de2694d1c18aa1980.png)
回答: 自己解決しました。 まず、ご指摘通り `html `は削除します。 その上で、今回bootstrappを cssはhonokaというテーマ(ローカル上) jsはテーマ適用していないもの(ネット上) と別々のところから取得していたのが問題だったようです。 jsもローカル上から取得するよう変更したところ、無事実行できました。