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

Question

因为使用了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