JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="container-fluid">
 
      <form>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <label for="name" class="col-md-4 label-size custom-label border">Name</label>
              <div class="col-md-8 border">
                <input type="text" id="name" class="form-control input-field">
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label for="gender" class="col-md-4  label-size custom-label  border">Gender</label>
              <div class="col-md-8  border">
                <select id="gender" class="form-control input-field">
                  <option value="Male">Male</option>
                  <option value="Female">Female</option>
                </select>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <label class="col-md-4  label-size custom-label">Functions</label>
              <div class="checkbox col-md-8 label-size">
                <label>
                  <input type="checkbox" id="Func1"> Func1</label>
                <label>
                  <input type="checkbox" id="Func2">Func2</label>
                <label>
                  <input type="checkbox" id="Func3">Func3</label>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <label for="country" class="col-md-4  label-size custom-label">Country</label>
              <div class="col-md-8">
                <select id="country" class="form-control input-field">
                  <option>Select</option>
                </select>
              </div>
            </div>
          </div>
        </div>
        <div...

CSS

.custom-label {
  line-height: 3.3em !important;
}

.label-size {
   /*font-size: 10px;*/
   line-height: 2.1em;
   /*padding-right:0px;
   width: 10%;*/
}

.border {
   
  color: #555;
  border: 1px solid #ccc;
  border-radius: 1px;
  padding: 5px;
}