A stunning collection of responsive galleries created with the latest Bootstrap 5. Image gallery, video gallery, photo gallery, full-page, eCommerce, lightbox, slider, thumbnails, and many more.
An example with the usage of static images.
To learn more read Images Docs.
<!-- Gallery -->
<div class="row">
<div class="col-lg-4 col-md-12 mb-4 mb-lg-0">
<img
src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(73).jpg"
class="w-100 shadow-1-strong rounded mb-4"
alt=""
/>
<img
src="https://mdbootstrap.com/img/Photos/Vertical/mountain1.jpg"
class="w-100 shadow-1-strong rounded mb-4"
alt=""
/>
</div>
<div class="col-lg-4 mb-4 mb-lg-0">
<img
src="https://mdbootstrap.com/img/Photos/Vertical/mountain2.jpg"
class="w-100 shadow-1-strong rounded mb-4"
alt=""
/>
<img
src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(73).jpg"
class="w-100 shadow-1-strong rounded mb-4"
alt=""
/>
</div>
<div class="col-lg-4 mb-4 mb-lg-0">
<img
src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(18).jpg"
class="w-100 shadow-1-strong rounded mb-4"
alt=""
/>
<img
src="https://mdbootstrap.com/img/Photos/Vertical/mountain3.jpg"
class="w-100 shadow-1-strong rounded mb-4"
alt=""
/>
</div>
</div>
<!-- Gallery -->