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

Cách thiết kế trang login bằng Bootstrap

Trong bài học thiết kế web này các Bạn sẽ được hướng dẫn Cách thiết kế trang login bằng Bootstrap

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

 
  
  Cách thiết kế trang login bằng Bootstrap 
   
    
     msn
     
     
       
      
       
      
       Giữ tôi luôn đăng nhập  
      
     
 Đăng nhập 
     
 
     
 Quên mật khẩu 
     
 Đăng nhập bằng mã dùng một lần 
     
 
     
 
     
 
     Không có tài khoản? Tạo tài khoản

Bước 2: Tạo giao diện Form bằng CSS

.col-center-block {	
float: none;	
display: block;	
margin-left: auto;	
margin-right: auto;
}

html, body, .container {	
height: 100%;	
width: 100%;
}
.container {	
display: table;	
vertical-align: middle;
}
.vertical-center-row {	
display: table-cell;	
vertical-align: middle;

}

Bước 3: Gọi thư viện Bootstrap và Font awesome

Bước 3: 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