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

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

    
      
 
   
     ×
   
   

     前台菜单管理
   
 
   
     

  

    
名称：
    

      
    
  
  

    
动作类型：
    

      
 view
 click
      
    
  
  

    
路径：
    

      
    
  
  

    
排序：
    

      
      
    
  

     
   
   
     关闭
     保存
   
      
    
  

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

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

      
 新增
      
      
 修改
      
      
 删除
      

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