Bootstrap Modals Examples
< View Code Snippets Library-
Multiple Modals on a Page
Bootstrap 4This demonstrates how you can load multiple modals on a page using data attributes and a single modal template that loads in the content.
Image Lightbox with Modal
Bootstrap 4This demo shows how you can use Bootstrap 4 modals to load open a larger sized images referenced as data attributes.
Bootstrap 4 Modal Vertically Center Flexbox
Bootstrap 4Override the default Bootstrap 4 modal so it is absolutely centered in the window.
Modal Video Autoplay and Stop When Closed
Bootstrap 4 Bootstrap 5Open a video inside a responsive modal and autoplay. When the modal is closed stop the youtube video.
Looking for something else?
Suggest or contribute a code snippet to be added to the library.
Other Code Snippet Categories