bootstrap-formslisted

# Bootstrap 5.3 Forms Bootstrap provides comprehensive form styling including controls, layouts, validation states, and input groups. ## Form Controls ### Text Inputs ```html <div class="mb-3"> <label for="email" class="form-label">Email address</label> <input type="email" class="form-control" id="email" placeholder="name@example.com"> </div> <div class="mb-3"> <label for="password" class="form-label">Password</label> <input type="password" class="form-control" id="password"> </div> ``` ### Sizing To match input size with surrounding elements or emphasize important fields, use sizing classes. Use `.form-control-lg` for hero sections or primary CTAs. Use `.form-control-sm` for compact UIs like toolbars or inline forms. ```html <input class="form-control form-control-lg" type="text" placeholder="Large input"> <input class="form-control" type="text" placeholder="Default input"> <input class="form-control form-control-sm" type="text" placeholder="Small input"> ``` ### Disabled and Readonly Use `disabled` for fields users cannot interact with at all. Use `readonly` when values should be visible and selectable but not editable. Use `.form-control-plaintext` with `readonly` to display values without form styling. ```html <input class="form-control" type="text" disabled value="Disabled input"> <input class="form-control" type="text" readonly value="Readonly input"> <input class="form-control-plaintext" type="text" readonly value="Readonly plain text"> ``` ### File