Tất cả bài viết | Bootstrap

Hướng dẫn thiết kế trang đăng nhập bằng Bootstrap

Trong bài học thiết kế web này các Bạn sẽ được Hướng dẫn thiết kế trang đăng nhập bằng Bootstrap

Bước 1: Tạo cấu trúc HTML

 
  
   
    
     
       ĐĂNG NHẬP
      
      
       
         Email 
          
         
        
         Password 
          
         
        
        
         
                              
                    Nhớ thông tin
                 
          
         
        
        
           
         
        
       
      
      Bạn chưa có tài khoản? Đăng ký

Bước 2: Định dạng cho menu bằng CSS

 
body {	
background: url(http://hocwebgiare.com/thiet_ke_web_chuan_demo/bootstrap_login_bg/images/main-background1.jpg) no-repeat center center fixed;	
-webkit-background-size: cover;	
-moz-background-size: cover;	
-o-background-size: cover;	
background-size: cover;
}

.panel-default {	
opacity: 0.9;	
margin-top:30px;
}
.form-group.last {	
margin-bottom:0px;

}

Bước 3: Gọi thư viện Bootstrap

Bước 4: Gọi thư viện JQUERY

Xem demo Tải Code Đăng ký tham gia làm hội viên của kênh để được xem các bài học mới nhất