# Bootstrap TouchSpin

A mobile and touch-friendly input spinner component
Now supporting Bootstrap 3, 4 & 5

jQuery Compatible Mobile Friendly Auto-Detection Fast & Lightweight

### Quick Demo

Try it right here! This demo uses the Bootstrap 5 specific build for optimal performance.

Sample TouchSpin:

## Explore Version-Specific Demos

Each demo showcases TouchSpin's compatibility with different Bootstrap versions, featuring version-specific components and styling.

Bootstrap 3

#### Bootstrap 3.4.1

Classic Bootstrap with `input-group-btn` and `input-group-addon` classes. Perfect for legacy projects and stable environments.

- Traditional input groups
- Classic button styling
- Font Awesome icons
- jQuery 1.11+ compatible

Bootstrap 4

#### Bootstrap 4.6.2

Modern Bootstrap with `input-group-prepend`/`append` structure. Flexbox-based design with enhanced components.

- Flexbox input groups
- Enhanced button variants
- Font Awesome 5 icons
- Responsive design

Bootstrap 5

#### Bootstrap 5.3.0

Latest Bootstrap with simplified structure, CSS custom properties, and no jQuery dependency requirement.

- Simplified input groups
- CSS custom properties
- Bootstrap Icons
- Modern utilities

## Key Features

##### Auto-Detection

Automatically detects Bootstrap version and renders appropriate HTML structure.

##### Touch Friendly

Optimized for mobile and touch devices with responsive button sizing.

##### Performance Boost

Built-in booster functionality for rapid value changes with configurable acceleration.

##### Highly Configurable

Extensive options for customization including styling, behavior, and validation.

### Technical Implementation

##### Architecture

- Renderer Pattern: Modular Bootstrap version-specific renderers
- Factory Pattern: Automatic renderer selection and instantiation
- UMD Support: Works with AMD, CommonJS, and global jQuery
- ES5 Compatible: Transpiled for broad browser support

##### Build System

- Rollup: Library bundling with tree-shaking
- Babel: ES5 transpilation for compatibility
- Terser: Minification and optimization
- Source Maps: Full debugging support