現在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>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/01/15 00:03
2015/01/15 00:22