Mẫu html giỏ hàng

Bước 1. Tạo cấu trúc HTML cho hàng

 
 
Hướng dẫn thiết giao diện trang giỏ hàng bằng Bootstrap
 
 
   
    
     
     Tên sản phẩm 
     Giá 
     Số lượng 
     Thành tiền 
       
     
    
    
     
     
 
      

      
 
      
 
       
Sản phẩm 1
 
       
Mô tả của sản phẩm 1
 
      
 
     
 
     
    200.000 đ 
    
     
    200.000 đ 
    
     
      
     
     
     
    
    
     
     
 
      

      
 
      
 
       
Sản phẩm 2
 
       
Mô tả của sản phẩm 2
 
      



 
     
 
     
    300.000 đ 
    
     
    300.000 đ 
    
     
      
     
     
     
    
    
     
     Tổng 200.000 đ
      
     
     
      Tiếp tục mua hàng
      
       
     Tổng tiền 500.000 đ
      
     Thanh toán 
      
     
    
  
 

Bước 2. Định dạng CSS

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

Bước 4. Call library JQUERY