ダイアログで全面が黒くなる

前提・実現したいこと

Bootstrap(honoka)とDjango、htmlとcssを用いてサイトを制作しています。
このページを参考にしてダイアログを制作しました。
しかし、実行するとページ全体が黒くなってしまいます。

ボタンを押す前

ボタンを押した後

どうすれば良いでしょうか？
ご教授のほどよろしくお願いいたします。

該当のソースコード

html
1{% load staticfiles %} 
2<!DOCTYPE html>
3<html lang="ja">
4	<head>
5		<meta charset="UTF-8">
6		<title>タイトル </title>
7		<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
8		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
9	</head>
10	<body>
11		<div class="container-fluid">
12			<div class="container">
13				<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">大きいダイアログ</button>
14				
15				<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
16					<div class="modal-backdrop fade in"></div>
17					<div class="modal-dialog modal-lg">
18						<div class="modal-content">
19							<div style="padding: 15px;" class="text-center">
20								<p class="text-danger">実行して宜しいですか？ </p>
21								<div>
22									<button type="button" class="btn btn-info">実行する</button>
23								</div>
24							</div>
25						</div>
26					</div>
27				</div>
28				
29			</div>
30		</div>
31		<script src="http://bootstrap3.cyberlab.info/bootstrap/dist/js/bootstrap.min.js"></script>
32	</body>
33</html>
34

###追記
ご回答いただいた内容を元に

html
1<div class="modal-backdrop fade in"></div>

を削除すると、黒さが一段階減りましたが、まだ黒さは残っています。

改善後

行動規範の内容に同意します

回答2件

参考サイトでもこの部分はないですよね？
backdropはBootstrapが生成するものなので、書く必要はありません。

HTML
1<div class="modal-backdrop fade in"></div>

投稿2018/03/28 00:50

x_x

総合スコア13749

shirasu10fish

2018/03/28 01:03

ご回答ありがとうございます。試してみたところ、全体の黒さが一段階下がりました。しかし、まだ全体の黒さは残っています。他にどこに問題があるのでしょうか？

x_x

2018/03/28 01:07

提示コードからこの行を削除した状態では再現しません。バージョンは3.3.1を使っているのですよね？

行動規範の内容に同意します

自己解決

自己解決しました。

まず、ご指摘通り

html
1<div class="modal-backdrop fade in"></div>```は削除します。
2
3その上で、今回bootstrappを
4cssはhonokaというテーマ（ローカル上）
5jsはテーマ適用していないもの（ネット上）
6と別々のところから取得していたのが問題だったようです。
7
8jsもローカル上から取得するよう変更したところ、無事実行できました。