Bootstrap多层模态框如何嵌套？

我希望，首先打开模态框1，然后打开模态框2，然后关闭模态框2，然后关闭模态框1.
但是我发现打开模态框1再打开模态框2的时候，模态框2被模态框1压住了，我希望模态框2压住模态框1.
于是不会了~求教

我知道bootstap是不支持多层模态框，但是还是希望完成这个功能，请知道答案的人回答一下谢谢！

提问者采纳

使用js去弹出第二个模态框 其一：

    
        
        
        
        
        
        
        
    

    

        


            
bootstrap模态框(modal)

            登陆

            

                

                    


                        ×
                        
一层模态框
                        

                            再弹
                        
                    
                
            

            

                

                    


                        ×
                            
二层模态框
                        

                            12312312
                        
                        

                            
                        
                    
                
            
        
    

x_men_01

很好，非常感谢，很好的解决了我的难题，就是bootstrap模态框无法重叠的问题，不过第二个模态框我没使用js调用方式，而还是使用第一个模态框弹出来的方式，即： 再弹 好用，非常感谢~！

其二：

这篇文章主要介绍了使用jQuery和Bootstrap实现多层、自适应模态窗口,需要的朋友可以参考下

本篇实践一个多层模态窗口，而且是自适应的。

点击页面上的一个按钮，弹出第一层自适应模态窗口。

在第一层模态窗口内包含一个按钮，点击该按钮弹出第二层模态窗口，弹出的第二层模态窗口会挡住第一层模态窗口，即第二层模态窗口打开的时候，无法关闭第一层模态窗口。

    
	
	
	
    
    


        

            打开第一层模态窗口
        
        

            

                ×
                
第一层模态窗口
            
            

                

                    打开第二层模态窗口
                    第一层主体内容主体内容主体内容主体内容主体内容主体内容主体内容主体
             
                
            
            

                关闭
            
        
        

            

                ×
                
第二层模态窗口
            
            

                

                    第二层主体内容主体内容主体内容主体内
                
            
            

                关闭
            
        

以上就是jQuery和Bootstrap实现多层、自适应模态窗口的全部内容了，非常的不错，而且很实用，直接就可以使用到项目中去。