Form Element
Form controls
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.
Sizing
Set heights using classes like .form-control-lg,custom-select-lgand .form-control-sm,custom-select-sm.
Input types
Set different styles of input using .filled-input,.outline-inputand .transparent-inputmodifier classes.
Shapes
Change the look using shape modifier classes. Add .square-inputand .rounded-inputclasses.
Help text
Help text below inputs can be styled with .form-text. Inline help text can be implemented using utility classes like .text-muted.
File browser
A custom file browser with change and remove function.
Checkbox and radio
Colors variations
For further styling,use required contextual classes like .checkbox-success&.radio-info.
Toggles
Create easily-styleable toggle buttons with a lightweight toggle jQuery plugin.
Toggle with text
Toggle select
Toggle sizes
Toggle simple
Range slider
A comfortable,responsive and easily customizable range slider with plenty options.
Set min value,max value and start point
Set custom step and snap grid to step
Sizing
For smaller size range,use data-extra-classes="irs-sm"class.
Colors
Use contextual classes inside data-extra-classes - like .irs-orange,.irs-infoto change the colors.
Bootstrap Select Menu
Custom select menus need only a custom class,.form-control .custom-selectto trigger the custom styles.
Select2
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.
Multiple Select
Select2 Input Tags
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!
Input Spinner
A Bootstrap 4 / jQuery plugin to create input spinner elements for number input.
Sizing
Add the relative form input group sizing classes .input-group-sm .input-group-lgfor additional sizes
Date Picker
A JavaScript component for choosing date ranges,dates and times.
Date Range Picker With Times
Single Date Picker
Limit Selectable Dates
Predefined Date Ranges
Time Select
Color Picker
A flat,simple,responsive and hackable Color-Picker. No dependencies,no jQuery.