我试图将以下组件对齐，以使它们的中间居中。我不知道哪个CSS属性导致按钮降低。
<div class="buttons">
<a href="/create" class="btn btn-sm btn-default"><span class="fa fa-codepen"></span>New</a>
<a href="/upload" class="btn btn-sm btn-default"><span class="glyphicon glyphicon-floppy-open"></span>Upload</a>
<a href="/download" class="btn btn-sm btn-default"><span class="glyphicon glyphicon-floppy-save"></span>Download</a>
<div style="display: inline-block;">
<div class="input-group" style="width:20em">
<input style="" class="form-control focus" id="Search" name="Search" type="search">
<span class="input-group-btn">
<button class="btn default btn-primary" type="button" ng-click="rc.search()">Search</button>
</span>
</div>
</div>
</div>
这是一个靴子。
http://www.bootply.com/MG2xUvxvR9#
输入组需要包装在form-group标签中。然后我将整个东西包裹在一个盒子里form-inline。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句