Input
Fill data or information using input is better than writing by pen.
Basic Inputs
Find helper text here for given textbox.
email@pixinvent.com
Input Styles
To set rounded border to input box, use .round class and
to set square border to input box, use .sqaure class alongwith
.form-control class.
Horizontal Input
To make label in center of form-control, use .col-form-label class with
<label> element. This is default bootstrap class.
File Input
Default
With Icon And Button Color
Input with Icons
For Input Box with icon use .position-relative class with
.form-group and use class .has-icon-left or .has-icon-right class for icon on
left side.
Left Icon
Right Icon
Control Sizing Option
For different sizes of Input, Use classes like .form-control-lg &
.form-control-sm for Large, Small input box.
Large
Default
Small
Input Validation States
You can indicate invalid and valid form fields with .is-invalid and
.is-valid. Note that .invalid-feedback is also supported
with these classes.