Bootstrap表单元素未以水平形式对齐

Question

我的水平模态形式定义类似于：

<div id="formElements" class="modal-body form-horizontal">
    <div id="catTemplate" class="form-group" style="display:none">
         <div class="controls col-sm-1">
              <a href="javascript:;"><span class="glyphicon glyphicon-minus"></span></a>
         </div>
         <div class="controls col-sm-7">
              <input class="form-control" placeholder="Category">
         </div>
         <div class="controls col-xm-3">
              <input class="form-control" type="number" min="0" max="100" style="width:100px;" placeholder="Weight %">
         </div>
    </div>
</div>  

但我的链接漂浮在其他表单元素的水平线上方。我附上了截图。有没有办法正确对齐它们？

Answer 1

您可以使用行高查看此link

或者您也可以使用this one