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