Bootstrap input spinner – TouchSpin

Bootstrap TouchSpin is a mobile and touch friendly input spinner component for Bootstrap 3 & 4.

Input spinner – an easy way

Sometimes our project requires implementation of something much better than standard, boring forms. For example we may need input spinners added to our forms. An easy way can be Bootstrap TouchSpin solution. It supports the mouse-wheel and the up/down keys. That component gives a wide options of configuration.

Bootstrap TouchSpin input spinners samples
Bootstrap TouchSpin input spinners samples

Sample code

HTML

<input id="demo1" type="text" value="55" name="demo1">

JS

$("input[name='demo1']").TouchSpin({
  min: 0,
  max: 100,
  step: 0.1,
  decimals: 2,
  boostat: 5,
  maxboostedstep: 10,
  postfix: '%'
});

License: Apache License, Version 2.0

Homepage & samples

https://www.virtuosoft.eu/code/bootstrap-touchspin

GitHub

https://github.com/istvan-ujjmeszaros/bootstrap-touchspin

See also

Ladda – a solution of loading indicators for buttons

Material design solutions

jQuery drag and drop elements from source to destination

Bootstrap starter templates – a great set of themes and examples

Popovers as confirmation dialogs – Bootstrap Confirmation

Awesome Bootstrap checkboxes and radios

Checkbox toggle with Bootstrap

Bootstrap off canvas slide menu

Check out for Boostrap 4 versions.

Enjoy!