xxxxxxxxxx
1
<div class="row">
2
<div class="col-md-12">
3
4
<div id="mdb-lightbox-ui"></div>
5
6
<div class="mdb-lightbox no-margin">
7
8
<figure class="col-md-4">
9
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(117).jpg" data-size="1600x1067">
10
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(117).jpg" class="img-fluid">
11
</a>
12
</figure>
13
14
<figure class="col-md-4">
15
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(98).jpg" data-size="1600x1067">
16
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(98).jpg" class="img-fluid" />
17
</a>
18
</figure>
19
20
<figure class="col-md-4">
21
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(131).jpg" data-size="1600x1067">
22
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(131).jpg" class="img-fluid" />
23
</a>
24
</figure>
25
26
<figure class="col-md-4">
27
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(123).jpg" data-size="1600x1067">
28
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(123).jpg" class="img-fluid" />
29
</a>
30
</figure>
31
32
<figure class="col-md-4">
33
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(118).jpg" data-size="1600x1067">
34
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(118).jpg" class="img-fluid" />
35
</a>
36
</figure>
37
38
<figure class="col-md-4">
39
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(128).jpg" data-size="1600x1067">
40
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(128).jpg" class="img-fluid" />
41
</a>
42
</figure>
43
44
<figure class="col-md-4">
45
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(132).jpg" data-size="1600x1067">
46
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(132).jpg" class="img-fluid" />
47
</a>
48
</figure>
49
50
<figure class="col-md-4">
51
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(115).jpg" data-size="1600x1067">
52
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(115).jpg" class="img-fluid" />
53
</a>
54
</figure>
55
56
<figure class="col-md-4">
57
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(133).jpg" data-size="1600x1067">
58
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(133).jpg" class="img-fluid" />
59
</a>
60
</figure>
61
62
</div>
63
64
</div>
65
</div>
1
1
xxxxxxxxxx
1
// MDB Lightbox Init
2
$(function () {
3
$("#mdb-lightbox-ui").load("mdb-addons/mdb-lightbox-ui.html");
4
});
Console errors: 0