Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mdbootstrap/bootstrap-modal-image

Responsive Modal image built with Bootstrap 5. Modal image is a responsive gallery with the option to enlarge selected photos or videos.
https://github.com/mdbootstrap/bootstrap-modal-image

bootstrap bootstrap-image bootstrap-modal bootstrap-modal-image bootstrap-template bootstrap-theme bootstrap5 html

Last synced: about 7 hours ago
JSON representation

Responsive Modal image built with Bootstrap 5. Modal image is a responsive gallery with the option to enlarge selected photos or videos.

Awesome Lists containing this project

README 

        

Responsive Modal image built with Bootstrap 5. Modal image is a responsive gallery with the option to enlarge selected photos or videos.



Check out [Bootstrap Modal image Documentation](https://mdbootstrap.com/docs/standard/extended/modal-image/) for detailed instructions & even more examples.



## Basic example



[Bootstrap Modal image:

![Bootstrap 5 Modal image](/assets/basic-example.png)](https://mdbootstrap.com/docs/standard/extended/modal-image/#section-basic-example)



## How to use?



1. Download MDB 5 - free UI KIT



2. Choose your favourite customized component and click on the image



3. Copy & paste the code into your MDB project



[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)



## More examples



[Bootstrap Modal gallery with YouTube videos:

![Bootstrap 5 Modal image](/assets/gallery-with-modals-and-YouTube-videos.png)](https://mdbootstrap.com/docs/standard/extended/modal-image/#section-gallery-with-modals-and-YouTube-videos)



___



## More extended Bootstrap documentation