xxxxxxxxxx
1
<div class="container my-5">
2
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#demo-1">Launch Modal #1</button>
3
4
<!-- [ Modal #1 ] -->
5
<div class="modal fade" id="demo-1" tabindex="-1">
6
<div class="modal-dialog">
7
<div class="modal-content">
8
<button type="button" class="close" data-dismiss="modal"><i class="icon-xs-o-md"></i></button>
9
<div class="modal-header">
10
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
11
<h4 class="modal-title caps"><strong>Demo Modal #1</strong></h4>
12
</div>
13
<div class="modal-body">
14
<div class="form-group">
15
<div class="input-group">
16
<input type="text" class="form-control" placeholder="Input Placeholder..." />
17
<span class="input-group-btn"><button class="btn btn-default" type="button">Action</button></span>
18
</div>
19
</div>
20
</div>
21
<div class="modal-footer">
22
<button type="button" class="btn btn-danger" data-dismiss="modal">×</button>
23
<button type="button" class="btn btn-info" data-toggle="modal" data-target="#demo-2" data-dismiss="modal">Close current, Launch Modal #2</button>
24
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#demo-3" data-dismiss="modal">Close current, Launch Modal #3</button>
25
</div>
26
</div>
27
</div>
28
</div>
29
30
<!-- [ Modal #2 ] -->
31
<div class="modal fade" id="demo-2" tabindex="-1">
32
<div class="modal-dialog">
33
<div class="modal-content">
34
<button type="button" class="close" data-dismiss="modal"><i class="icon-xs-o-md"></i></button>
35
<div class="modal-header">
36
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
37
<h4 class="modal-title caps"><strong>Demo Modal #2</strong></h4>
38
</div>
39
<div class="modal-body">
40
<div class="form-group">
41
<div class="input-group">
42
<input type="text" class="form-control" placeholder="Input Placeholder..." />
43
<span class="input-group-btn"><button class="btn btn-default" type="button">Action</button></span>
44
</div>
45
</div>
46
</div>
47
<div class="modal-footer">
48
<button type="button" class="btn btn-danger" data-dismiss="modal">×</button>
49
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#demo-1" data-dismiss="modal">Close current, Launch Modal #1</button>
50
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#demo-3" data-dismiss="modal">Close current, Launch Modal #3</button>
51
</div>
52
</div>
53
</div>
54
</div>
55
56
57
1
1
1
1
Console errors: 0