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&nbsp;class="form-inline"> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="form-group">controls</div> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="form-group">controls</div> </div>

Answer 2

.row &nbsp;&nbsp;.col-1.form-group &nbsp;&nbsp;.col-1.form-group