Basic Inputs Default input elements for forms

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.

Add the disabled boolean attribute on an input to prevent user interactions and make it appear lighter. By default, browsers will treat all native form controls (<input>, <select> and <button> elements) inside a <fieldset disabled> as disabled, preventing both keyboard and mouse interactions on them.

Set heights using classes like .input-lg, .input-sm and for custom inputs, you can use .custom-select-sm, .custom-select-lg, and set widths using grid column classes like .col-lg-*

You can easily alter the border, boder-radius and padding using the utility classes.