<form>
  <div class="form-group">
    <label for="exampleFormControlInput1">ایمیل</label>
    <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="ایمیل خود را وارد کنید">
    <span class="mt-2 d-block">ما هرگز ایمیل شما را با هیچ کس دیگری به اشتراک نمی‌گذاریم.</span>
  </div>
  <div class="form-group">
    <label for="exampleFormControlPassword">رمز عبور</label>
    <input type="password" class="form-control" id="exampleFormControlPassword" placeholder="رمز عبور">
  </div>
  <div class="form-group">
    <label for="exampleFormControlSelect12">انتخابگر</label>
    <select class="form-control" id="exampleFormControlSelect12">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
    </select>
  </div>
  <div class="form-group">
    <label for="exampleFormControl2">انتخابگر چندگانه</label>
    <select multiple class="form-control" id="exampleFormControl2">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
    </select>
  </div>
  <div class="form-group">
    <label for="exampleFormControlTextarea1">ناحیه متنی</label>
    <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
  </div>
  <div class="form-group">
    <label for="exampleFormControlFile1">ورودی فایل</label>
    <input type="file" class="form-control-file" id="exampleFormControlFile1">
  </div>
  <div class="form-footer mt-6">
    <button type="submit" class="btn btn-primary btn-pill">ثبت</button>
    <button type="submit" class="btn btn-light btn-pill">لغو</button>
  </div>
</form>


          

<form>
  <div class="row">
    <div class="col-sm-6">
      <div class="form-group">
        <label for="fname">نام</label>
        <input type="text" class="form-control" placeholder="نام">
      </div>
    </div>
    <div class="col-sm-6">
      <div class="form-group">
        <label for="lname">نام خانوادگی</label>
        <input type="text" class="form-control" placeholder="نام خانوادگی">
      </div>
    </div>
    <div class="col-sm-6">
      <div class="form-group">
        <label for="city">شهر</label>
        <input type="text" class="form-control" placeholder="نام شهر">
      </div>
    </div>
    <div class="col-sm-6">
      <div class="row">
        <div class="col-6">
          <div class="form-group">
            <label for="State">استان</label>
            <input type="text" class="form-control" placeholder="نام استان">
          </div>
        </div>
        <div class="col-6">
          <div class="form-group">
            <label for="Zip">کدپستی</label>
            <input type="text" class="form-control" placeholder="کدپستی">
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="form-footer pt-5 border-top">
    <button type="submit" class="btn btn-primary btn-pill">ثبت</button>
  </div>



          

<form class="form-inline">
  <label class="sr-only" for="inlineFormInputName2">نام و نام خانوادگی</label>
  <input type="text" class="form-control mb-2 ml-sm-2" id="inlineFormInputName2" placeholder="نام و نام خانوادگی">
  <label class="sr-only" for="inlineFormInputGroupUsername2">نام کاربری</label>
  <div class="input-group mb-2 ml-sm-2">
    <div class="input-group-prepend">
      <div class="input-group-text">@</div>
    </div>
    <input type="text" class="form-control" id="inlineFormInputGroupUsername2" placeholder="نام کاربری">
  </div>
  <button type="submit" class="btn btn-primary btn-pill mb-2">ثبت</button>
</form>
<form>
  <p class="text-dark mb-4">کنترل‌ها و انتخاب‌های فرم سفارشی نیز پشتیبانی می‌شوند.</p>
  <label class="text-dark">لطفا</label>
  <select class="custom-select my-1 ml-sm-2 w-auto" id="inlineFormCustomSelectPref">
    <option selected>انتخاب ...</option>
    <option value="1">یک</option>
    <option value="2">دو</option>
    <option value="3">سه</option>
  </select>
  <input type="checkbox" name="checkbox1" />
  <label class="control control-checkbox d-inline-block"> من را به خاطر بسپار
    <div class="control-indicator"></div>
  </label>
  <button type="submit" class="btn btn-primary btn-pill mr-2">ثبت</button>
</form>

          

<form>
  <div class="form-group">
    <label for="exampleFormControlInput3">ایمیل</label>
    <input type="email" class="form-control rounded-pill" id="exampleFormControlInput3" placeholder="ایمیل خود را وارد کنید">
    <span class="mt-2 d-block">ما هرگز ایمیل شما را با هیچ کس دیگری به اشتراک نمی‌گذاریم.</span>
  </div>
  <div class="form-group">
    <label for="exampleFormControlPassword31">رمز عبور</label>
    <input type="password" class="form-control rounded-pill" id="exampleFormControlPassword31" placeholder="رمز عبور">
  </div>
  <div class="form-group">
    <label for="exampleFormControlSelect13">انتخابگر</label>
    <select class="form-control rounded-pill" id="exampleFormControlSelect13">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
    </select>
  </div>
  <div class="form-footer mt-4">
    <button type="submit" class="btn btn-primary btn-pill">ثبت</button>
    <button type="submit" class="btn btn-light btn-pill">لغو</button>
  </div>
</form>


          

<form>
  <div class="form-group">
    <label for="exampleFormControlInput4">ایمیل</label>
    <input type="email" class="form-control rounded-0" id="exampleFormControlInput4" placeholder="ایمیل خود را وارد کنید">
    <span class="mt-2 d-block">ما هرگز ایمیل شما را با هیچ کس دیگری به اشتراک نمی‌گذاریم.</span>
  </div>
  <div class="form-group">
    <label for="exampleFormControlPasswor3">رمز عبور</label>
    <input type="password" class="form-control rounded-0" id="exampleFormControlPasswor3" placeholder="رمز عبور">
  </div>
  <div class="form-group">
    <label for="exampleFormControlSelect14">انتخاب گر</label>
    <select class="form-control rounded-0" id="exampleFormControlSelect14">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
    </select>
  </div>
  <div class="form-footer">
    <button type="submit" class="btn btn-secondary btn-pill">ثبت</button>
    <button type="submit" class="btn btn-light btn-pill">لغو</button>
  </div>

</form>


          

<form>
  <div class="form-group">
    <label for="exampleFormControlInput5">ایمیل</label>
    <input type="email" class="form-control rounded-0 bg-light" id="exampleFormControlInput5" placeholder="ایمیل خود را وارد کنید">
    <span class="mt-2 d-block">ما هرگز ایمیل شما را با هیچ کس دیگری به اشتراک نمی‌گذاریم.</span>
  </div>
  <div class="form-group">
    <label for="exampleFormControlPassword4">رمز عبور</label>
    <input type="password" class="form-control rounded-0 bg-light" id="exampleFormControlPassword4"
      placeholder="رمز عبور">
  </div>
  <div class="form-group">
    <label for="exampleFormControlSelect15">انتخابگر</label>
    <select class="form-control rounded-0 bg-light" id="exampleFormControlSelect15">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
    </select>
  </div>
  <div class="form-footer">
    <button type="submit" class="btn btn-secondary btn-pill">ثبت</button>
    <button type="submit" class="btn btn-light btn-pill">لغو</button>
  </div>
</form>


          

<form>
  <fieldset disabled>
    <div class="form-group">
      <label for="disabledTextInput">ورودی غیرفعال</label>
      <input type="text" id="disabledTextInput" class="form-control" placeholder="ورودی غیرفعال">
    </div>
    <div class="form-group">
      <label for="disabledSelect">انتخابگر غیرفعال</label>
      <select id="disabledSelect" class="form-control">
        <option>موارد غیرفعال</option>
      </select>
    </div>
    <div class="form-group">
      <div class="form-check">
        <input class="form-check-input" type="checkbox" id="disabledFieldsetCheck" disabled>
        <label class="form-check-label" for="disabledFieldsetCheck">
          چک باکس غیرفعال
        </label>
      </div>
    </div>
    <button type="submit" class="btn btn-primary">ثبت</button>
  </fieldset>
</form>


          

<form>
  <div class="form-group">
    <label for="exampleFormControlInput6">ورودی بزرگ</label>
    <input class="form-control form-control-lg" type="text" placeholder="ورودی بزرگ">
  </div>
  <div class="form-group">
    <label for="exampleFormControlInput7">ورودی پیش فرض</label>
    <input class="form-control" type="text" placeholder="ورودی پیش فرض">
  </div>
  <div class="form-group">
    <label for="exampleFormControlInput8">ورودی کوچک</label>
    <input class="form-control form-control-sm" type="text" placeholder="ورودی کوچک">
  </div>
</form>


          

<form>
  <div class="form-row">
    <div class="col-6">
      <input type="text" class="form-control" placeholder="col-6">
    </div>
    <div class="col-3">
      <input type="text" class="form-control" placeholder="col-3">
    </div>
    <div class="col-3">
      <input type="text" class="form-control" placeholder="col-3">
    </div>
  </div>
</form>