引导对齐输入字段在dl - dt

Question

如何水平对齐，使输入字段和文本位于同一行中？

<div class="form-group col-md-12"> 
    <dl class="row">'; 
     if($row_list['bestelno'] > 0) { echo ' 
    <dt class="col-sm-3">Artikel</dt> 
    <dd class="col-sm-9">'.$row_list['bestelno'].'</dd>'; } 
    echo ' 

    <dt class="col-sm-3">Omschrijving</dt> 
    <dd class="col-sm-9">'.$row_list['omschrijving'].'</dd> 

    <dt class="col-sm-3">Nieuw aantal</dt> 
    <dd class="col-sm-5"> 
    <div class="input-group form-group has-success-edit has-feedback" id="div_exp_aantal['.$i.']"> 
     <input type="number" min="0" class="form-control" id="exp_aantal['.$i.']" name="exp_aantal" placeholder="Huidige aantal" value="'.($row_list['aantal_huidig'] - 1).'" onkeyup="validate_edit(this, '.$i.')" onmousemove="validate_edit(this, '.$i.')"><span class="input-group-addon">'.$row_list['eenheid'].' &nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-ok form-control-feedback" id="exp_aantal_status['.$i.']"></span></span> 
    </div> 
    </dd> 
</dl> 
</div> 

清洁HTML加入上请求。 CSS是标准的Bootstrap。

<div class="form-group col-md-12"> 
        <dl class="row"> 

         <dt class="col-sm-3">Omschrijving</dt> 
         <dd class="col-sm-9">Pallet gebruikt 120x80</dd> 

         <dt class="col-sm-3">Nieuw aantal</dt> 
         <dd class="col-sm-5"> 
         <div class="input-group form-group has-success-edit has-feedback" id="div_exp_aantal[2]"> 
          <input type="number" min="0" class="form-control" id="exp_aantal[2]" name="exp_aantal" placeholder="Huidige aantal" value="35" onkeyup="validate_edit(this, 2)" onmousemove="validate_edit(this, 2)"><span class="input-group-addon">stuk &nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-ok form-control-feedback" id="exp_aantal_status[2]"></span></span> 
         </div> 
         </dd> 
        </dl> 
       </div> 

编辑通过阿莱西奥认为导致

Answer 1

如果你想的Nieuw aantal对准，你能给：

添加到.COL-SM-3类“输入对齐”：

HTML

<dt class="col-sm-3 input-aligned">Nieuw aantal</dt> 

CSS：

.input-aligned { 
    line-height:34px; 
} 

它总是更好的添加自定义类你的HTML，因为你是压倒一切的风格是从引导过来。

Updated codepen here。