关于引导形式，内嵌的输入

Question

  <div class="form-group form-inline"> 
      <label class="col-sm-1 control-label no-padding-right">A :</label> 
      <input type="text" name="a1" class="form-control" id="a1"> 
      ～ 
      <input type="text" name="a2" class="form-control" id="a2"> 
      </div> 
      <div class="form-group form-inline"> 
      <label class="col-sm-1 control-label no-padding-right">B :</label> 
      <input type="text" name="b1" class="form-control" id="b1"> 
      ～ 
      <input type="text" name="b2" class="form-control" id="b2"> 
      </div> 

我想有输入框为：

Answer 1

我想这是你真正需要的东西得到完成：

  <div class="form-inline"> 
       <div class="form-group form-inline"> 
        <label for="a1" class=" control-label no-padding-right">A :</label> 
        <input type="text" name="a1" class="form-control" id="a1"> 
        ～ 
        <input type="text" name="a2" class="form-control" id="a2"> 
       </div> 
       <div class="form-group"> 
        <label for="b1" class="control-label no-padding-right">B :</label> 
        <input type="text" name="b1" class="form-control" id="b1"> 
        ～ 
        <input type="text" name="b2" class="form-control" id="b2"> 
       </div> 
      </div> 

小提琴：http://jsfiddle.net/jo69e0op/