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

Hướng dẫn tạo nút vuông bằng Bootstrap

Trong bài thực hành này các bạn sẽ được hướng dẫn tạo nút vuông bằng Bootstrap

Bước 1: Dùng HTML tạo các nút

 
 Hướng dẫn tạo nút vuông bằng Bootstrap
  
   
    
      
        Welcome to 
        hocwebgiare.com   
        Welcome to 
        hocwebgiare.com   
        Welcome to 
        hocwebgiare.com   
        Welcome to 
        hocwebgiare.com   
        Welcome to 
        hocwebgiare.com  
     
    
   
   
    
       
Trang chủ    
Giới thiệu    
Dịch vụ    
Hỏi đáp    
Liên hệ

Bước 2: Định nghĩa CSS

.btn-sq-lg {	
width: 150px !important;	
height: 150px !important;
}

.btn-sq {	
width: 100px !important;	
height: 100px !important;	
font-size: 10px;
}

.btn-sq-sm {	
width: 50px !important;	
height: 50px !important;	
font-size: 10px;
}

.btn-sq-xs {	
width: 25px !important;	
height: 25px !important;	
padding:2px;
}

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

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

Xem demo Đă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