xxxxxxxxxx1
<!--First row-->2
<div class="row">3
4
<!--First column-->5
<div class="col-md-12">6
7
<div id="mdb-lightbox-ui"></div>8
9
<!--Full width lightbox-->10
<div class="mdb-lightbox">11
12
<figure class="col-md-4">13
<a href="https://mdbootstrap.com/img/Photos/Lightbox/Original/img%20(60).jpg" data-size="781x1172">14
<img src="https://mdbootstrap.com/img/Photos/Lightbox/Thumbnail/img%20(60).jpg" class="img-fluid">15
</a>16
</figure>17
18
<figure class="col-md-4">19
<a href="https://mdbootstrap.com/img/Photos/Lightbox/Original/img%20(66).jpg" data-size="1600x1067">20
<img src="https://mdbootstrap.com/img/Photos/Lightbox/Thumbnail/img%20(66).jpg" class="img-fluid">21
</a>22
</figure>23
24
<figure class="col-md-4">25
<a href="https://mdbootstrap.com/img/Photos/Lightbox/Original/img%20(70).jpg" data-size="1600x1067">26
<img src="https://mdbootstrap.com/img/Photos/Lightbox/Thumbnail/img%20(70).jpg" class="img-fluid">27
</a>28
</figure>29
30
<figure class="col-md-4">31
<a href="https://mdbootstrap.com/img/Photos/Lightbox/Original/img%20(74).jpg" data-size="1600x1067">32
<img src="https://mdbootstrap.com/img/Photos/Lightbox/Thumbnail/img%20(74).jpg" class="img-fluid">33
</a>34
</figure>35
36
<figure class="col-md-4">37
<a href="https://mdbootstrap.com/img/Photos/Lightbox/Original/img%20(64).jpg" data-size="781x1172">38
<img src="https://mdbootstrap.com/img/Photos/Lightbox/Thumbnail/img%20(64).jpg" class="img-fluid">39
</a>40
</figure>41
42
<figure class="col-md-4">43
<a href="https://mdbootstrap.com/img/Photos/Lightbox/Original/img%20(77).jpg" data-size="781x1172">44
<img src="https://mdbootstrap.com/img/Photos/Lightbox/Thumbnail/img%20(77).jpg" class="img-fluid">45
</a>46
</figure>47
48
</div>49
<!--/Full width lightbox-->50
51
</div>52
<!--/First column-->53
54
</div>55
<!--/First row-->1
1
xxxxxxxxxx1
// MDB Lightbox Init2
$(function () {3
$("#mdb-lightbox-ui").load("mdb-addons/mdb-lightbox-ui.html");4
}); Console errors: 0