Bootstrap Input Sizing
Bootstrap Input Sizing allows you to create form fields of different heights to match your UI needs: large, default, and small inputs. This works for text inputs, textareas, and select elements.
Works in Bootstrap 3, 4, and 5, with slightly different class names.
✅ Input Sizes
🔹 Large Input
-
.input-lg→ Makes input taller and larger text.
🔹 Default Input
-
Default height; no extra class needed.
🔹 Small Input
-
.input-sm→ Makes input shorter and smaller text.
🔹 Input Sizing for Textarea
-
Works the same way as text inputs.
🔹 Input Sizing for Select
✔ Summary
| Input Type | Large (.input-lg) |
Default | Small (.input-sm) |
|---|---|---|---|
| Text Input | ✔️ | ✔️ | ✔️ |
| Textarea | ✔️ | ✔️ | ✔️ |
| Select | ✔️ | ✔️ | ✔️ |
