如何在 web 页面上同时显示 5 个引导模式弹出窗口

Question

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.

Answer 1

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.