Collection of free Bootstrap image gallery code examples: grid, lightbox, thumbnail. Update of November 2020 collection.

Related Articles

  1. CSS Galleries
  2. jQuery Galleries
Demo image: Lightbox Gallery with Bootstrap

Author

  • Nikki Peel

Links

Made with

  • HTML / CSS / JS

About a code

Lightbox Gallery with Bootstrap

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

Responsive: yes

Dependencies: jquery.js, popper.js

Bootstrap version: 4.5.3

Demo image: Isotope filter magical layouts with Bootstrap 4

Author

  • nitesh575malviya

Links

Made with

  • HTML / CSS / JS

About a code

Isotope Filter Magical Layouts with Bootstrap 4

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

Author

  • Ask SNB

Links

Made with

  • HTML / CSS / JS

About a code

Bootstrap 4 Lightbox Gallery

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

Responsive: yes

Dependencies: lightbox.css, lightbox.js

Bootstrap version: 4.3.1

Demo image: Bootstrap Photo Gallery

Author

  • Bootstrapious

Links

Made with

  • HTML / CSS

About a code

Bootstrap Photo Gallery

Bootstrap photogallery snippet.

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

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.3.1

Demo image: Bootstrap 4 Gallery with Image Thumbnails

Author

  • StartBootstrap

Links

Made with

  • HTML / CSS

About a code

Bootstrap 4 Gallery with Image Thumbnails

Basic gallery layout with image thumbnails.

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

Responsive: yes

Dependencies: -

Bootstrap version: 4.3.1

Demo image: Bootstrap Lightbox Gallery

Author

  • Epic Bootstrap

Links

Made with

  • HTML / CSS / JS

About a code

Bootstrap Lightbox Gallery

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

Demo image: Image Gallery with Bootstrap 4

Author

  • Cirmar

Links

Made with

  • HTML / CSS / JS

About a code

Image Gallery with Bootstrap 4

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

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.1.2

Demo image: Bootstrap Lightbox Image Gallery

Author

  • Patrycja

Links

Made with

  • HTML / CSS / JS

About a code

Bootstrap Lightbox Image Gallery

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

Author

  • NMonst4

Links

Made with

  • HTML / CSS / JS

About a code

Arrow Key Navigation Thumbnail Gallery Modal View

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

Responsive: yes

Dependencies: font-awesome.css, jquery.js

Bootstrap version: 4.1.1

Author

  • Siddharth Panchal

Links

Made with

  • HTML / CSS / JS

About a code

Bootstrap Light Gallery Using jQuery

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

Responsive: yes

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

Bootstrap version: 4.1.1

Author

  • dipendra

Links

Made with

  • HTML / CSS / JS

About a code

Image Gallery Using Bootstrap 4

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

Responsive: yes

Dependencies: jquery.js, fancybox.js

Bootstrap version: 4.0.0

Demo image: Image Gallery - Bootstrap

Author

  • Jaskiran Chhokar

Links

Made with

  • HTML / CSS / JS

About a code

Image Gallery - Bootstrap

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

Responsive: yes

Dependencies: font-awesome.css, jquery.js

Bootstrap version: 3.3.7

Author

  • Webdragong3

Links

Made with

  • HTML / CSS / JS

About a code

Bootstrap 4 Gallery and Modals Lightbox

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

Demo image: Bootstrap 4 Lightbox Gallery

Author

  • Som Nayak

Links

Made with

  • HTML / CSS / JS

About a code

Bootstrap 4 Lightbox Gallery

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

Responsive: yes

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

Bootstrap version: 4.3.1

Author

  • Danny Markov

Links

Made with

  • HTML / CSS / JS

About a code

Bootstrap 3 Galleries

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

Demo image: Image Gallery Bootstrap with Isotope

Author

  • Alahab

Links

Made with

  • HTML / CSS / JS

About a code

Image Gallery Bootstrap with Isotope

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

Responsive: yes

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

Bootstrap version: 3.3.6

Demo image: Bootstrap Image Gallery

Author

  • Mosfiqur Rahman

Links

Made with

  • HTML / CSS / JS

About a code

Bootstrap Image Gallery

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

Responsive: yes

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

Bootstrap version: 3.3.5

Author

  • nabeelkondotty

Links

Made with

  • HTML / CSS

About a code

Responsive Bootstrap Lightbox Gallery

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

Author

  • vivekbisht109

Links

Made with

  • HTML / CSS / JS

About a code

Bootstrap Gallery

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

Responsive: yes

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

Bootstrap version: 3.0.0