عناصر فرم توضیح هدر در این قسمت قرار دارد...

<!-- text input -->
<div class="form-group mb-3">
  <label class="form-label" for="exampleFormControlInput1">Email address</label>
  <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="[email protected]">
</div>

<!-- select -->
<select class="form-control">
  ...
</select>

<!-- multiple select -->
<select multiple class="form-control">
  ...
</select>

<!-- textarea -->
<textarea class="form-control" rows="3"></textarea>

<!-- file input -->
<input type="file" class="form-control" id="exampleFormControlFile1" />

<!-- input text -->
<input class="form-control form-control-lg" type="text" placeholder=".form-control-lg">
<input class="form-control" type="text" placeholder="Default input">
<input class="form-control form-control-sm" type="text" placeholder=".form-control-sm">

<!-- select -->
<select class="form-select form-select-lg">
  <option>بزرگ</option>
</select>
<select class="form-select">
  <option>پیشفرض</option>
</select>
<select class="form-select form-select-sm">
  <option>کوچک</option>
</select>

<input class="form-control" type="text" placeholder="ورودی تنها قابل خواندن..." readonly />

<div class="form-group row mb-3">
  <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
  <div class="col-sm-10">
    <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="[email protected]">
  </div>
</div>

<!-- default range -->
<input type="range" class="form-range" id="formControlRange" />

<!-- disabled range -->
<input type="range" class="form-range" id="disabledRange" disabled />

<!-- checkbox -->
<div class="form-check">
  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1" disabled />
  <label class="form-check-label" for="defaultCheck1">Default checkbox</label>
</div>

<!-- inline checkbox -->
<div class="form-check form-check-inline">
  ...
</div>

<!-- radio -->
<div class="form-check">
  <input class="form-check-input" type="radio" value="" id="defaultRadio1" disabled />
  <label class="form-check-label" for="defaultRadio1">Default checkbox</label>
</div>

<!-- inline radio -->
<div class="form-check form-check-inline">
  ...
</div>

<div class="form-check form-switch">
  <input type="checkbox" class="form-check-input" id="customSwitch1">
  <label class="form-check-label" for="customSwitch1">تاگل کردن این المنت</label>
</div>

<!-- form select -->
<select class="form-select">
  <option selected>باز کردن انتخابگر منو</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

<!-- form-select-lg -->
<select class="form-select form-select-lg">...</select>

<!-- form-select-sm -->
<select class="form-select form-select-sm">...</select>

<div class="mb-3">
  <label class="form-label" for="defaultFile">Choose file</label>
  <input type="file" class="form-control" id="defaultFile" />
</div>

<!-- small input file -->
<input type="file" class="form-control form-control-sm" id="smFile" />

<!-- large input file -->
<input type="file" class="form-control form-control-lg" id="lgFile" />

<form>
  <div class="mb-3 row">
    <label for="inputEmail3" class="col-sm-2 col-form-label">Email</label>
    <div class="col-sm-10">
      <input type="email" class="form-control" id="inputEmail3">
    </div>
  </div>
  <div class="mb-3 row">
    <div class="col-sm-10 offset-sm-2">
      <button type="submit" class="btn btn-primary">Sign in</button>
    </div>
  </div>
</form>

<label for="inputPassword5">Password</label>
<input type="password" id="inputPassword5" class="form-control" aria-describedby="passwordHelpBlock">
<small id="passwordHelpBlock" class="form-text text-muted">
  گذرواژه شما باید 8 تا 20 حرف طولانی داشته باشد، حاوی حروف و اعداد باشد، و نباید شامل فضاهای، کاراکترهای خاص یا ایموجی باشد.
</small>

<div class="input-group flex-nowrap">
  <span class="input-group-text" id="addon-wrapping">@</span>
  <input type="text" class="form-control" placeholder="نام کاربری" />
  <span class="input-group-text">.com</span>
</div>

<form class="was-validated">
  <!-- valid input -->
  <input type="text" class="form-control is-valid" value="" required />
  <div class="valid-feedback">به نظر خوب میاد!</div>

  <!-- invalid input -->
  <input type="text" class="form-control is-invalid" value="" required />
  <div class="invalid-feedback">فیلد مورد نیاز است</div>

  <!-- valid tooltip -->
  <div class="position-relative">
    <div class="valid-tooltip">به نظر خوب میاد!</div>
  </div>
  
  <!-- invalid tooltip -->
  <div class="position-relative">
    <div class="invalid-tooltip">فیلد مورد نیاز است</div>
  </div>
</form>