Form Controls

Inputs, selects, checkboxes, and radios

Bootstrap provides consistent form styling across browsers. Each control type has a dedicated class for styling.

Use .form-control on input elements. Pair with a label using .form-label for accessible, styled form fields.

<div class="mb-3">
  <label class="form-label">Email</label>
  <input type="email"
    class="form-control"
    placeholder="name@example.com">
</div>
.form-control