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 TypeLarge (.input-lg)DefaultSmall (.input-sm)
Text Input✔️✔️✔️
Textarea✔️✔️✔️
Select✔️✔️✔️

You may also like...