<h2 class="text-center">Sample Form</h2>
<form class="form-horizontal">
  <div class="col-sm-6">
    <div class="form-group">
      <label class="control-label col-sm-4">Partner Name</label>
      <div class="col-sm-8">
        <input type="text" class="form-control">
      </div>
    </div>


    <div class="form-group">
      <label class="control-label col-sm-4">Partner Legal Name</label>
      <div class="col-sm-8">
        <input type="text" class="form-control">
      </div>
    </div>
  </div>

  <div class="col-sm-6">
    <div class="form-group">
      <label class="control-label col-sm-4">Partner Email ID</label>
      <div class="col-sm-8">
        <input type="text" class="form-control">
      </div>
    </div>

    <div class="form-group">
      <label class="control-label col-sm-4">Partner Mobile</label>
      <div class="col-sm-8">
        <input type="text" class="form-control">
      </div>
    </div>
  </div>

  <div class="col-sm-12">
    <div class="form-group">
      <label class="control-label col-sm-2">Partner Address</label>
      <div class="col-sm-10">
        <textarea type="text" class="form-control" rows="2"></textarea>
      </div>
    </div>
  </div>


  <div class="col-sm-6">
    <div class="form-group">
      <label class="col-sm-4 control-label">Contract Start Date</label>
      <div class="col-sm-8">
        <input type="text" class="date-start ml-5 form-control datepicker" placeholder="Date Start">
      </div>
    </div>
  </div>

  <div class="col-sm-6">
    <div class="form-group">
      <label class="col-sm-4 control-label">Contract Expiry Date</label>
      <div class="col-sm-8">
        <input type="text" class="date-end ml-5 form-control datepicker col-sm-8" placeholder="Date End">
      </div>
    </div>
  </div>

  <div class="col-sm-6">
    <div class="form-group">
      <label class="col-sm-4 control-label">Minimum Loan Amount</label>
      <div class="col-sm-8">
        <input type="text" class="form-control">
      </div>
    </div>
  </div>
  
  <div class="col-sm-6">
    <div class="form-group">
      <label class="col-sm-4 control-label">Maximum Loan Amount</label>
      <div class="col-sm-8">
        <input type="text" class="form-control">
      </div>
    </div>
  </div>

  <div class="col-sm-6">
    <div class="form-group">
      <label class="col-sm-4 control-label">Interest Rate</label>
    <div class="col-sm-8">
        <input type="text" class="form-control">
      </div>
    </div>
  </div>

  <div class="col-sm-6">
    <div class="form-group">
      <label class="col-sm-4 control-label">Deposit Amount</label>
    <div class="col-sm-8">
        <input type="text" class="form-control">
      </div>
    </div>
  </div>

  <div class="text-center">
    <button class="btn btn-primary waves-effect waves-light " id="btn-submit">Save</button>
  </div>
  <input type="hidden" name="action" id="action" value="event_dialog_add_newpartnerdata" />
</form>

External CSS

  1. https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.