html - Bootstrap form elements not aligned in horizontal form -


i have horizontal modal form defined to:

<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>   

but link floats little bit above horizontal line of other form elements. attached screenshot. there way align them?

minus icon not aligned other form elements

you can use line-height see link

or can use this one


Comments

Popular posts from this blog

google api - Incomplete response from Gmail API threads.list -

Installing Android SQLite Asset Helper -

Qt Creator - Searching files with Locator including folder -