We couldn’t find anything that matched your searched term

  • PAGES

  • COMPONENTS

  • Brand guidelines

  • Insights

Documentation

Forms

Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms.

Overview
We will never share your email with anyone else.
<form>
  <div class="mb-4">
    <label for="exampleInputEmail1" class="form-label">
      <strong>Email address</strong>
    </label>
    <input
      type="email"
      class="form-control"
      id="exampleInputEmail1"
      aria-describedby="emailHelp1"
    />
    <div id="emailHelp1" class="form-text">
      We will never share your email with anyone else.
    </div>
  </div>
  <div class="mb-4">
    <label for="exampleInputPassword1" class="form-label">
      <strong>Password</strong>
    </label>
    <input type="password" class="form-control" id="exampleInputPassword1" />
  </div>
  <div class="mb-4 form-check">
    <input type="checkbox" class="form-check-input" id="exampleCheck1" />
    <label class="form-check-label" for="exampleCheck1">
      Check this custom checkbox
    </label>
  </div>
  <button type="submit" class="btn btn-primary">submit</button>
</form>