Basic Inputs
Input Styles
To set rounded border to input box, use .roundclass and to set square border to input box, use .sqaureclass alongwith .form-controlclass.
Floating Label Inputs
For Flating Label Inputs, need to use .form-label-groupclass & add attribute disabledfor disabled Floating Label Input.
Input Validation States
You can indicate invalid and valid form fields with .is-invalidand .is-valid. Note that .invalid-feedbackis also supported with these classes.
Input Validation States with Tootltips
.{valid/invalid}-feedbackclasses for .{valid/invalid}-tooltipclasses to display validation feedback in a styled tooltip.
Input with Icons
For Input Box with left side icon, use class .has-icon-leftand for use divider between icon and input text box use .input-divider-leftor .input-divider-rightfor left and right divider respectively.
Floating Label Input with Icons
Control Sizing Option
For different sizes of Input, Use classes like .form-control-lg& .form-control-smfor Large, Small input box.
Label Control Sizing Option
For different sizes of Input, Use classes like .form-control-lg& .form-control-smfor Large, Small input box.