bootstrap中模态框、模态框的属性实例详解

工作中有需要用到模态框的可以看看

    

      

        

          
            ×
          
          

            前台菜单管理
          
        
          

            

              

                

                  
名称：
                  

                    
                  
                
                

                  
动作类型：
                  

                    
                      view
                      click
                    
                  
                
                

                  
路径：
                  

                    
                  
                
                

                  
排序：
                  

                    
                    
                  
                
              
            
          
          

            关闭
            保存
          
      

    

  

其中模态框有个属性可以避免点击遮罩层导致模态框关闭。就是div中设置的 data-backdrop="static"。这样可以避免在模态框中输入内容时突然的误操作导致模态框关闭。

另外还有一个属性：data-keyboard="false"。此举是设置按下ESC退出键无效。同样是为了避免突然的误操作导致模态框关闭。

      
        新增
      
      
        修改
      
      
        删除
      

其中按钮属性 data-toggle="modal" data-target="#userModal" 是打开模态框。