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查看此鏈接

或者你也可以使用這個