User-Friendly Number Input Spinner with jQuery and Bootstrap

File Size: 3.03 KB
Views Total: 48888
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
User-Friendly Number Input Spinner with jQuery and Bootstrap

An input spinner component for Bootstrap to extend the default number input that allows the users to easily select a number by clicking the plus/minus buttons.

Bootstrap 4 Version is now Available!

See also:

How to use it:

1. Load the necessary jQuery library and Bootstrap's stylesheet on your web page.

<link rel="stylesheet" href="//">
<script src="//"></script>

2. Call the plugin on the existing number input and you're done.


3. Style the plus/minus buttons using Bootstrap CSS rules.


// default, danger, success , warning, info, primary
upClass: 'danger',
downClass: 'success'
center: true

Change log:


  • Fix cloning input events, ex: change


  • Fix a Bug about select all text and change


This awesome jQuery plugin is developed by wpic. For more Advanced Usages, please check the demo page or visit the official website.