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

Issue

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.

Answered By - Dimitris Maragkos

Answer Checked By - Robin (PHPFixing Admin)