Bootstrap Form Inputs
Bootstrap Form Inputs are styled input fields that make forms consistent, responsive, and visually appealing. They cover text fields, email, password, number, date, textarea, select, file input, and more.
Works in Bootstrap 3, 4, and 5. Some classes differ across versions.
✅ Basic Text Input
-
.form-group→ Wraps label and input for spacing. -
.form-control→ Applies Bootstrap styling.
🔹 Other Input Types
🎯 Textarea
🔹 Select Menu
🔹 File Input
🔹 Input States
Bootstrap provides success, warning, and error input states (Bootstrap 3):
-
.has-success→ Green border. -
.has-warning→ Orange border. -
.has-error→ Red border.
🔹 Disabled & Readonly Inputs
🔹 Input Sizing
-
.input-lg→ Large input -
.input-sm→ Small input
✔ Summary
| Feature | Supported |
|---|---|
| Text, email, password, number, date | ✔️ |
| Textarea | ✔️ |
| Select | ✔️ |
| File input | ✔️ |
| Disabled & readonly | ✔️ |
| Input states (success, warning, error) | ✔️ |
| Input sizing (large, small, default) | ✔️ |
