How to vertically align form-group label and text to middle in bootstrap? -


<div class="form-group">     <label class="col-sm-2 control-label" style="vertical-align:middle">处理状态</label>     <div class="col-sm-10 form-control-static">{{text.status[complaint.status]}}     <button type="button" class="btn btn-sm btn-primary" ng-click="update()" style="margin-left:10px">处理完成</button>     </div> </div> 

enter image description here

you can see text doesn't align correctly in middle because when there button, changes height of element on right, , left element doesn't align middle parent element.


Comments

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

vue.js - Create hooks for automated testing -

Add new key value to json node in java -