Textual form controls—like inputs, selects, and textareas—are styled with the .form-controlclass. Included are styles for general appearance, focus state, sizing, and more.
Set heights using classes like .form-control-lg, custom-select-lgand .form-control-sm, custom-select-sm.
Set different styles of input using .filled-input, .outline-inputand .transparent-inputmodifier classes.
Change the look using shape modifier classes. Add .square-inputand .rounded-inputclasses.
Help text below inputs can be styled with .form-text. Inline help text can be implemented using utility classes like .text-muted.
A custom file browser with change and remove function.
For further styling, use required contextual classes like .checkbox-success& .radio-info.
Create easily-styleable toggle buttons with a lightweight toggle jQuery plugin.
A comfortable, responsive and easily customizable range slider with plenty options.
For smaller size range, use data-extra-classes="irs-sm"class.
Use contextual classes inside data-extra-classes - like .irs-orange, .irs-infoto change the colors.
Custom select menus need only a custom class, .form-control .custom-selectto trigger the custom styles.
The jQuery replacement for select boxes. Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.
Tagging can be used in multi-value select boxes. Try entering a value that isn't listed in the dropdown - you'll be able to add it as a new option!
A Bootstrap 4 / jQuery plugin to create input spinner elements for number input.
Add the relative form input group sizing classes .input-group-sm .input-group-lgfor additional sizes
A JavaScript component for choosing date ranges, dates and times.
A flat, simple, responsive and hackable Color-Picker. No dependencies, no jQuery.