BootstrapのModalが動かない

makiikeda1216

総合スコア128

0グッド

1クリップ

投稿2015/01/14 04:54

現在Bootstrapのmodal機能を使おうとしているのですがなぜか動きません。
どなたかご教授ください。

Bootstrap v3.3.1
jquery v1.9.1
ブラウザ：IE,Chrome

下がコードです。上記ファイルの読み込みはされています。

lang
1<head>
2    <meta charset="utf-8" />
3    <title>ModalTest</title>
4	<link href="Content/bootstrap.css" rel="stylesheet">
5	<script src="Scripts/jquery-1.9.1.min.js"></script>
6	<script src="Scripts/bootstrap.min.js"></script>
7</head>
8<body>
9    <h1>Modal Test</h1>
10    <div id="content">
11		<!-- Button to trigger modal -->
12		<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
13
14		<!-- Modal -->
15		<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
16			<div class="modal-header">
17				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
18				<h3 id="myModalLabel">Modal header</h3>
19			</div>
20			<div class="modal-body">
21				<p>One fine body…</p>
22			</div>
23			<div class="modal-footer">
24				<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
25				<button class="btn btn-primary">Save changes</button>
26			</div>
27		</div>
28	</div>
29</body>
30</html>