General inputs
Be sure to use an appropriate type attribute on all inputs (e.g., code email
for
email address or number for numerical information) to take advantage of
newer
input controls like email verification, number selection, and more.
General inputs (disabled)
Add disabled to an <input>, <select>, or
<button> to block interactions, with Bootstrap styling them
accordingly. Controls inside a <fieldset disabled> are also disabled.
For
<a> elements, Bootstrap
uses pointer-events: none; and reduced opacity instead.
Floating Labels
Floating Labels (Disabled)
Input Sizes
.form-control-lg, .form-control-sm
and
for custom inputs, you can use .form-select-sm, .form-select-lg,
and
set widths using grid column classes like .col-lg-*