引导多个模态，最后一个模态全部消失

Question

How can i create multiple overlapping modal popups, and dismiss all the modals with the close button (data-dismiss) on the last modal.

Thanks in advance.

Answer 1

您应该能够创建多个模态，这些模态将自然地根据它们的单击顺序彼此重叠。然后，在您希望能够关闭所有模态的任何模态上，都可以使用它，并根据自己的喜好进行调整：

$('.modal').modal('hide');

Answer 2

Stacking modals isn't supported out-of-the-box in Bootstrap, you'll need to fiddle with the JS (& possibly CSS) yourself:

Overlapping modals not supported

Be sure not to open a modal while another is still visible. Showing more than one modal at a time requires custom code.