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
Set heights using classes like
.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-*
Altering with utilities
You can easily alter the border, border-radius and padding using the utility classes.