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

Hướng dẫn tạo Bootstrap TouchSpin cho website shop

Trong bài học thiết kế web này các Bạn sẽ được Hướng dẫn tạo Bootstrap TouchSpin cho website shop

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

 
 Cách sử dụng Bootstrap TouchSpin cho website shop

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

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

Bước 4: Gọi thư viện TouchSpin và cấu hình các tông số

$("input[name='demo1']").TouchSpin({  
min: 1,   
max: 100,   
initval: '',  r
eplacementval: '',  
decimals: 0,  
// none | floor | round | ceil  

forcestepdivisibility: 'round',   
verticalbuttons: false,  
verticalupclass: 'glyphicon glyphicon-chevron-up',  
verticaldownclass: 'glyphicon glyphicon-chevron-down',  
boostat: 5,   
booster: true,  
maxboostedstep: 10,   
//postfix: '%',   
//prefix: '$',   
prefix_extraclass: '',  
postfix_extraclass: '',  
step: 1,   
stepinterval: 100,   
stepintervaldelay: 500,  
mousewheel: true,  
buttondown_class: 'btn btn-danger',  
buttonup_class: 'btn btn-success',  
buttondown_txt: '-',  buttonup_txt: '+'  
});

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