Bootstrap对话框使用实例讲解

 
 
 
 
 
 


 
 

  

   

    

     
      ×
     
     
会员登录
    
    

     
      帐号:
      
     
     

     
      密码:
      
     
    
    

     登录
     退出
    
   
  
 

 
 

  

   

    

     
      ×
     
     
注册会员
    
    

     
      帐号:
      
     
     

     
      密码:
      
     
     
      确认:
      
     
    
    

     注册
     退出
    
   
  
 

 登陆
 注册

$('#myModal').modal({
 show : true,
 backdrop : false,
 keyboard : false,
 remote : 'index.html',
});

$('#myBtn').on('click', function () {
 $('#myModal').modal('show');
});

$('#myModal').on('show.bs.modal', function () {
 alert('show !');
});

点击弹出/隐藏弹出框

$('button').popover('show'); //显示
$('button').popover('hide'); //隐藏
$('button').popover('toggle'); //反转显示和隐藏
$('button').popover('destroy'); //隐藏并销毁