→ Anonymous
→ Bootstrap 5 Image Gallery

Bootstrap 5 Image Gallery

This bootstrap css example is contributed by Anonymous, on 16-Jul-2024. Component is made with bootstrap css v.5.3. It is responsive. similar terms for this example is Masonry

Tags: Gallery

Author Anonymous

560

v.5.3

Fork Fullscreen

<div class="container mt-5">
    <h1 class="text-center mb-4">Image Gallery</h1>
    <div class="row text-center">
        <div class="col-md-4 mb-4">
            <img src="https://via.placeholder.com/300x200" alt="Image 1" class="img-fluid rounded">
        </div>
        <div class="col-md-4 mb-4">
            <img src="https://via.placeholder.com/300x200" alt="Image 2" class="img-fluid rounded">
        </div>
        <div class="col-md-4 mb-4">
            <img src="https://via.placeholder.com/300x200" alt="Image 3" class="img-fluid rounded">
        </div>
        <div class="col-md-4 mb-4">
            <img src="https://via.placeholder.com/300x200" alt="Image 4" class="img-fluid rounded">
        </div>
        <div class="col-md-4 mb-4">
            <img src="https://via.placeholder.com/300x200" alt="Image 5" class="img-fluid rounded">
        </div>
        <div class="col-md-4 mb-4">
            <img src="https://via.placeholder.com/300x200" alt="Image 6" class="img-fluid rounded">
        </div>
    </div>
</div>

More Examples