Collection
Post cover
Created 5 month back

Top 20 Bootstrap Galleries

Collection of free Bootstrap image gallery code examples: grid, lightbox, thumbnail.

Post cover

Image Gallery - Bootstrap

Author: Jaskiran Chhokar

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, jquery.js

Bootstrap version: 3.3.7

Image Gallery Using Bootstrap 4

Author: dipendra

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js, fancybox.js

Bootstrap version: 4.0.0

Post cover

Bootstrap 4 Lightbox Gallery

Author: Som Nayak

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: ekko-lightbox.css, jquery.js, ekko-lightbox.js

Bootstrap version: 4.3.1

Post cover

Bootstrap Lightbox Gallery

Author: Epic Bootstrap

Links: demo and code

Made with: HTML / CSS / JS

Beautiful image gallery featuring a lightbox JavaScript plugin for enlarging and scrolling through photos.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: lightbox2.css, jquery.js, lightbox2.js

Bootstrap version: 4.1.3

Post cover

Bootstrap 4 Gallery with Image Thumbnails

Author: StartBootstrap

Links: demo and code

Made with: HTML / CSS

Basic gallery layout with image thumbnails.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Bootstrap version: 4.3.1

Arrow Key Navigation Thumbnail Gallery Modal View

Author: NMonst4

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, jquery.js

Bootstrap version: 4.1.1

Bootstrap 4 Gallery and Modals Lightbox

Author: Webdragong3

Links: demo and code

Made with: HTML / CSS / JS

Bootstrap 4 modal lightboxes with responsive layout changes in gallery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: ekko-lightbox.css, jquery.js, ekko-lightbox.js

Bootstrap version: 4.0.0

Bootstrap Light Gallery Using jQuery

Author: Siddharth Panchal

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, lightgallery.css, jquery.js, lightgallery.js

Bootstrap version: 4.1.1

Bootstrap Gallery

Author: vivekbisht109

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, fancybox.css, fancybox.js

Bootstrap version: 3.0.0

Responsive Bootstrap Lightbox Gallery

Author: nabeelkondotty

Links: demo and code

Made with: HTML / CSS

Responsive Bootstrap lightbox gallery with popup on click with description. No JS. Only CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.0

Post cover

Bootstrap Image Gallery

Author: Mosfiqur Rahman

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: blueimp-gallery.css, jquery.js, blueimp-gallery.js

Bootstrap version: 3.3.5

Post cover

Image Gallery Bootstrap with Isotope

Author: Alahab

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: prettyphoto.css, jquery.js, isotope.js, prettyphoto.js

Bootstrap version: 3.3.6

Post cover

Image Gallery with Bootstrap 4

Author: Cirmar; August 9, 2018

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.1.2

Bootstrap 4 Lightbox Gallery

Author: Ask SNB

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: lightbox.css, lightbox.js

Bootstrap version: 4.3.1

Post cover

Isotope Filter Magical Layouts with Bootstrap 4

Author: nitesh575malviya

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: magnific-popup.css, jquery.js, isotope.js, magnific-popup.js

Bootstrap version: 4.4.1

Bootstrap 3 Galleries

Author: Danny Markov

Links: demo and code

Made with: HTML / CSS / JS

4 awesome image gallery templates for Bootstrap 3.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: baguetteBox.js

Bootstrap version: 3.3.7

Post cover

Bootstrap Photo Gallery

Author: Bootstrapious

Links: demo and code

Made with: HTML / CSS

Bootstrap photogallery snippet.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.3.1

Post cover

Bootstrap Lightbox Image Gallery

Author: Patrycja; April 16, 2018

Links: demo and code

Made with: HTML / CSS / JS

Modal image gallery - lightbox built in Bootstrap.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, jquery.js

Bootstrap version: 3.3.7

Post cover

Lightbox Gallery with Bootstrap

Author: Nikki Peel

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js, popper.js

Bootstrap version: 4.5.3

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback