bootstrap怎么样不用div包裹，让两个输入框在同一行显示

Question

1.因为使用了bootstrapValidator校验框架，两个输入框包裹在一个form-group里面，导致其中一个输入框输错，另外一个输入框样式也会变，想实现，每一个输入框用一个div包裹起来，然后让两个输入框还能在同一行显示

代码如下

<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>

Answer 1

两个输入框分别放在两个 form-group中包裹起来。 然后在两个form-group最外层再包裹一层 form-inline即可。

<div class="form-inline">
    <div class="form-group">controls</div>
    <div class="form-group">controls</div>
</div>

Answer 2

.row
  .col-1.form-group
  .col-1.form-group