showing results for - "javascript modal won 27t work"
Leena
25 Mar 2018
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>