Freebie: 3 Amazing Bootstrap 4 Gallery Templates

Demo Download

In this article we share with you 3 amazing Bootstrap 4 image gallery templates with awesome hover effects. Just like all our freebies, these templates are completely free to use, fully responsive and very easy to integrate- just copy and paste.

The Templates

The templates are built with the Bootstrap 4 grid component. The HTML is fully compliant with the framework and the CSS is self contained, so when you use it, it won't break the rest of your styles.

Each template a has clean, modern design and unique CSS on-hover effects. For the Lightbox functionality we have used the baguetteBox plugin, which is simple to use and has no dependencies.

cards-gallery.png
Cards Gallery

How to use

To use any of the templates from the demo, follow these simple steps:

  1. Grab the zip archive from the Download button near the top of the page and extract it.
  2. Paste the HTML into your project. Make sure you have Bootstrap 4 on that page.
  3. The styles are located in separate CSS files for each design. Link to the CSS file or copy its contents and add them to your styles.
  4. For the Lightbox effect add the baguetteBox CSS and JS, and initialize it in a script tag.
compact-gallery.png
Compact Gallery

Free for Commercial Use

You have all rights to customize and use these templates in both personal and commercial projects. All our freebies are 100% royalty free, no attribution required (our license page). Enjoy!

Bootstrap Studio

The revolutionary web design tool for creating responsive websites and apps.

Learn more

Related Articles

Comments 3