html - 无法在面板内的表单内联中对齐表单组行

Question

以下代码描述了我的一个网页中的面板:

  <div class="row" id="tool_row">
<div class="panel panel-info" id="edit_toolbar" style="width:66%">

  <div class="panel-heading">
    <h1 class="panel-title"><b>Herramientas</b></h1>
  </div>

  <div class="panel-body">      
    <div class="form-inline" style="width:100%">          
      <button class="btn btn-primary" onclick="loadActForEdition(-1)">Nueva actividad</button>  

      <p style="margin-top:10px"><label class="control-label"> Opciones de Filtrado </label></p>

      <label class="control-label"> Últimos </label> <input class="form-control" id="ndays" style="width:5%" onkeypress='getEnter(event,"fillTaskTable")'> <label class="control-label" style="margin-right:10px"> días </label>

      <select data-placeholder="Filtrar por proyecto" class="chosen" id="proyect_box" onchange=fillTaskTable()></select>
      <select data-placeholder="Filtrar por estado" class="chosen" id="status_box" onchange=fillTaskTable()> </select>                

      <div class="form-group pull-right">
    <label class="control-label"> Número de resultados </label> <input class="form-control" id="nrows" style="width:15%" value=30 onkeypress='getEnter(event,"fillTaskTable")'>
      </div>

    </div> <!--form_inline-->               
  </div> <!--Panel body-->

</div>  <!--del panel-->

但是它没有按预期工作，因为在该表单组和面板右侧之间有一个烦人的空间，我一直试图消除它，但我一直无法做到。

我想做的只是消除那个空白。我希望标签和文本框作为一个整体在面板中右对齐。

谁能告诉我我做错了什么？

Answer 1

form-group 位于右侧，但宽度较大，因此您无法判断它是否已向右移动。将里面的内容右对齐或者缩小form-group的宽度。

HTML

 <div class="form-group pull-right newclass">
  <label class="control-label"> Número de resultados </label> <input class="form-control" id="nrows" style="width:15%" value=30 onkeypress='getEnter(event,"fillTaskTable")'>
 </div>

CSS

 .newclass { text-align: right; }