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.
For Flating Label Inputs, need to use .form-label-group
class & add attribute disabled
for disabled Floating Label Input.
You can indicate invalid and valid form fields with .is-invalid
and .is-valid
. Note that .invalid-feedback
is also supported with these classes.
.{valid/invalid}-feedback
classes for .{valid/invalid}-tooltip
classes to display validation feedback in a styled tooltip.
For Input Box with left side icon, use class .has-icon-left
and for use divider between icon and input text box use .input-divider-left
or .input-divider-right
for left and right divider respectively.
For different sizes of Input, Use classes like .form-control-lg
& .form-control-sm
for Large, Small input box.
For different sizes of Input, Use classes like .form-control-lg
& .form-control-sm
for Large, Small input box.