feat: Add gallery shortcode to create a Masonry with the Bootstrap grid system and cards component

[costalfy]

Hi,
I just add a new shortcode to create a gallery of images and use Masonry with the Bootstrap grid system and cards component as explained on https://getbootstrap.com/docs/5.1/examples/masonry/
I also add a tiny documentation page to use it

Thanks for this amazing theme

Regards

[netlify]

✅ Deploy Preview for hugo-theme-bootstrap ready!

Name	Link
🔨 Latest commit	7aed7c5
🔍 Latest deploy log	https://app.netlify.com/sites/hugo-theme-bootstrap/deploys/623e0c7c91892a000843255e
😎 Deploy Preview	https://deploy-preview-481--hugo-theme-bootstrap.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[razonyang]

Thanks for your contributions!

It seems that Masonry JS hasn't been imported yet. I'll clone your fork and play around with it, in order to make sure it works.

[costalfy]

Thanks 😊.
I don't think JS is needed because it's already working on the sample page https://deploy-preview-481--hugo-theme-bootstrap.netlify.app/en/docs/shortcodes/gallery/

[razonyang]

Thanks 😊. I don't think JS is needed because it's already working on the sample page https://deploy-preview-481--hugo-theme-bootstrap.netlify.app/en/docs/shortcodes/gallery/

It only works on images with same ratio, I'll handle the rest.

[razonyang]

I created another PR #483, since I didn't have access to push commit to your fork. The commits are still credited by you.
Close this.

I change the usage as well. https://hbs.razonyang.com/en/docs/shortcodes/gallery/.