1<!DOCTYPE html>
2<html>
3<head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width">
6 <title>JS Bin</title>
7 <link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" type="text/css" />
8</head>
9<body>
10
11
12 <div class="container">
13 <h2>Modal Example</h2>
14 <!-- Trigger the modal with a button -->
15 <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
16
17 <!-- Modal -->
18 <div class="modal fade" id="myModal" role="dialog">
19 <div class="modal-dialog">
20
21 <!-- Modal content-->
22 <div class="modal-content">
23 <div class="modal-header">
24 <button type="button" class="close" data-dismiss="modal">×</button>
25 <h4 class="modal-title">Modal Header</h4>
26 </div>
27 <div class="modal-body">
28 <p>Some text in the modal.</p>
29 </div>
30 <div class="modal-footer">
31 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
32 </div>
33 </div>
34
35 </div>
36 </div>
37
38</div>
39
40
41 <script src="https://code.jquery.com/jquery.min.js"></script>
42 <script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
43</body>
44</html>