benjaminkott / benjaminkott/bootstrap_package

Image Gallery with responsive Masonry Grid

Open
#991 2 comments 0 reactions 0 assignees View on GitHub
feature
Dominant language
PHP
Stars
355
Forks
212
Avg merge
1h 4m
Merged PRs (30d)
31

Description

# Feature Request

## Is your feature request related to a problem? Please describe

I'd like to create responsive Image Galleries with Masonry Grids, because often I have Photos in Landscape AND Portrait mode and I really like the Masonry Style to showcase them.

## Describe the solution you'd like

I wish, bootstrap package had a Content Element for Image Galleries with the Option to show the Thumbnails in a Masonry Grid.

I'd love it, if such a CE could be integrated in Bootstrap Package. In BS4 it could be realized with Card Columns, but in BS5 it's not included anymore and the recommend to use the masonry plugin: https://masonry.desandro.com/

## Describe alternatives you've considered

My only alternative so far would be to create an own CE and create an own template for a Masonry grid an include all dependecies like js and css.

## Additional context

BS5: https://getbootstrap.com/docs/5.0/components/card/#masonry
BS4: https://getbootstrap.com/docs/4.6/components/card/#card-columns

Contributor guide

No contributing guide indexed for this repository

Research direction

The issue names no implementation files or tests; start by locating the Bootstrap Package's existing image-gallery or image content-element structure and review the linked Bootstrap 5 masonry guidance. Define the responsive thumbnail behavior, configuration, and dependency approach before implementation; done means the package provides an integrated masonry gallery content element.

Written by the indexing model from the issue text.

Assessment

Tech stack
bootstrap, php
Domain
frontend, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.