1 Bootstrap Lightbox Examples
This collection is your guide to building responsive lightboxes based on Bootstrap’s standard Modal component. All logic is managed via data-bs- attributes, minimizing the need for custom JavaScript. We explore both basic examples with single images and advanced galleries where the Carousel component is embedded inside the modal. For video content, aspect ratio utilities (.ratio) are used to ensure <iframe>s are perfectly responsive on any screen.
Examples

Bootstrap 5 Lightbox Gallery
A fully functional, interactive photo viewer that operates smoothly and quickly without heavy third-party plugins, relying solely on native Bootstrap and JS capabilities.
See the Pen Bootstrap 5 Lightbox Gallery.