https://github.com/mdbootstrap/bootstrap-number-inputs

Responsive Number Inputs built with Bootstrap 5. Input fields refer specifically to the number input fields, which are used to obtain data from the users.
https://github.com/mdbootstrap/bootstrap-number-inputs

bootstrap bootstrap-input bootstrap-number bootstrap-number-inputs bootstrap-template bootstrap-theme bootstrap5 html js

Last synced: about 2 months ago
JSON representation

Responsive Number Inputs built with Bootstrap 5. Input fields refer specifically to the number input fields, which are used to obtain data from the users.

Host: GitHub
URL: https://github.com/mdbootstrap/bootstrap-number-inputs
Owner: mdbootstrap
License: other
Created: 2022-08-31T14:50:49.000Z (almost 4 years ago)
Default Branch: main
Last Pushed: 2022-09-14T07:53:14.000Z (almost 4 years ago)
Last Synced: 2026-04-22T21:40:08.728Z (2 months ago)
Topics: bootstrap, bootstrap-input, bootstrap-number, bootstrap-number-inputs, bootstrap-template, bootstrap-theme, bootstrap5, html, js
Language: SCSS
Homepage: https://mdbootstrap.com/docs/standard/extended/number-inputs/
Size: 1010 KB
Stars: 0
Watchers: 0
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: License.pdf

Awesome Lists containing this project

README

Responsive Number Inputs built with Bootstrap 5. Input fields refer specifically to the number input fields, which are used to obtain data from the users.

Check out [Bootstrap Number Inputs Documentation](https://mdbootstrap.com/docs/standard/extended/number-inputs/) for detailed instructions & even more examples.

## Basic example

![Bootstrap 5 Number inputs](/assets/basic-example.png)

```html

Number input

```

## How to use?

1. Download MDB 5 - free UI KIT

2. Choose your favourite customized component and click on the image

3. Copy & paste the code into your MDB project

[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)

## More examples

[Bootstrap Number inputs phone number:
![Bootstrap 5 Number Inputss](/assets/phone-number.png)](https://mdbootstrap.com/docs/standard/extended/number-inputs/#section-phone-numer)

[Bootstrap Number inputs minimum and maximum:
![Bootstrap 5 Number Inputs](/assets/minimum-and-maximum.png)](https://mdbootstrap.com/docs/standard/extended/number-inputs/#section-minimum-and-maximum)

[Bootstrap Number inputs base value:
![Bootstrap 5 Number Inputs](/assets/base-value.png)](https://mdbootstrap.com/docs/standard/extended/number-inputs/#section-base-value)

[Bootstrap Number inputs precision:
![Bootstrap 5 Number Inputs](/assets/precision.png)](https://mdbootstrap.com/docs/standard/extended/number-inputs/#section-precision)

[Bootstrap Number inputs icon:
![Bootstrap 5 Number Inputs](/assets/icon.png)](https://mdbootstrap.com/docs/standard/extended/number-inputs/#subsection-icon)

[Bootstrap Number inputs unremovable postfix:
![Bootstrap 5 Number Inputs](/assets/unremovable-postfix.png)](https://mdbootstrap.com/docs/standard/extended/number-inputs/#subsection-unremovable-sign)

___

## More extended Bootstrap documentation