1. Because the bootstrapValidator check frame is used, two input boxes are wrapped in a form-group, resulting in a mistyping of one input box and a change in the style of the other input box. To achieve this, each input box is wrapped in a div, and then the two input boxes can be displayed on the same line
. 
the code is as follows
< div class= "form-group" >
<label class="col-lg-2 control-label"></label>
<div class="col-lg-4">
<div class="input-group">
<input type="text" class="form-control" name="building" id="building">
<div class="input-group-addon"></div>
</div>
</div>
<label class="col-lg-2 control-label"></label>
<div class="col-lg-4">
<div class="input-group">
<input type="text" class="form-control" name="landarea" id="landarea">
<div class="input-group-addon"></div>
</div>
</div>
</div>