Search code examples
javascripthtmljquerybootstrap-modalbootstrap-5

how to show 5 bootstrap modal popups at the same time on web page

I want to create something like the below description.

I have a button that I want to open five bootstrap modal popups with some data when someone clicks on that button. and I want to show those five modals on one page, separately, without overlapping each other. Is that something that I can achieve using bootstrap modal popups? Or if there's any other better solution, then please submit your answers.

Solution

  • Bootstrap documentation about modal components states this:

    Please note multiple modals cannot be open at the same time

    Additionally, as other people mentioned in the comments, multiple open modals would be bad UX for a web application.