Bootstrap class with FORM Row type


HTML

<form>
  <div class='form-row'>
    <div class='form-group col-md-3'>
      <label for='lable'>Label</label>
      <input type='lable' class='form-control' id='label' name=label placeholder='Label'>
    </div>
    <div class='form-group col-md-3'>
      <label for='name'>Name</label>
      <input type='text' class='form-control' id='name' name=label placeholder='Name'>
    </div>
  
  <div class='form-group col-md-3'>
    <label for='inputAddress'>ID</label>
    <input type='text' class='form-control' id='id' name='id' placeholder='ID'>
  </div>
  <div class='form-group col-md-3'>
    <label for='type'>Type</label>
    <input type='text' class='form-control' id='type' name='type' placeholder='Type'>
  </div>
  </div>
  <div class='form-row'>
    <div class='form-group col-md-6'>
      <label for='inputCity'>Address </label>
      <input type='text' class='form-control' name='add1' id='add1'>
    </div>
    <div class='form-group col-md-4'>
      <label for='city'>City</label>
      <select id='city' name='city' class='form-control'>
        <option value='s1' selected>Choose...</option>
        <option value='s2'>One more...</option>
      </select>
    </div>
    <div class='form-group col-md-2'>
      <label for='zip'>Zip</label>
      <input type='text' class='form-control' name=zip id='zip'>
    </div>
  </div>
 
 
    <div class='checkbox'>
       <label for='Check1'>
	   <input  type='checkbox' id='Check1'>
        Check me out 1
      </label>
    </div>
 
  <div class='checkbox'>
      <label for='Check2'>
	  <input  type='checkbox' id='Check2'>      
        Check me out 2
      </label>
    </div>
 
  
  <div class='checkbox-inline'>
  <input class='form-check-input' type='checkbox' id='c1' name='c1' value='value1'>
  <label  for='c1'>1</label>
</div>
<div class='checkbox-inline'>
  <input class='form-check-input' type='checkbox' id='c2' name='c2' value='value2'>
  <label class='form-check-label' for='c2'>2</label>
</div><div class='checkbox-inline'>
  <input class='form-check-input' type='checkbox' id='c3' name='c3' value='value3' disabled>
  <label class='form-check-label' for='c3'>3 (disabled)</label>
</div>
  
  
<div class='radio-inline'>
  <input  type='radio' name='r1' id='r1' value='value1'>
  <label class='form-check-label' for='r1'>1</label>
</div><div class='radio-inline'>
  <input  type='radio' name='r2' id='r2' value='value2'>
  <label class='form-check-label' for='r2'>2</label>

</div><div class='radio-inline'>
  <input  type='radio' name='r3' id='r3' value='value3' disabled>
  <label class='form-check-label' for='r3'>3 (disabled)</label>
</div>
  
 <br>
  
  <button type='submit' class='btn btn-primary'>Sign in</button>
</form>

STYLE