Bootstrap 5 Form Controls Sizing

Bootstrap 5Form controls Sizing gives textual form controls on <input>, <select>, and <textarea> elements with custom styles, sizing, focus states, and more.

Bootstrap 5 Form Controls Sizing Classes:

• form-control-sm: This class is used to make the size of the form control small.
• form-control-lg: This class is used to make the size of the form control large.

Syntax:

<input type="text" class="form-control 
 form-control-lg"/>

Example 1: In this example, we will use the form control sizing classes to show the different sizes of the text input.

Output:

Example 2: In this example, we will use the form control sizing classes to show the different sizing of the select element.

Output:

Reference: https://getbootstrap.com/docs/5.2/forms/form-control/#sizing