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

您可以使用line-height查看此链接

或者你也可以使用这个