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.

CodePudding user response：

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.