我在面板标题中有一个按钮组。我希望它们浮动到右侧，但是当我这样做时，按钮现在位于页眉底部，并且需要将它们居中。我该怎么做呢？
这是HTML：
<div class="panel panel-default">
<div class="panel-heading">
Member of the following Units
<div class="btn-group btn-group-sm">
<button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-plus"></span></button>
<button type="button" class="btn btn-danger" ><span class="glyphicon glyphicon-remove-circle"></span></button>
</div>
</div>
<div class="panel-body">
test
</div>
<div class="panel-footer">
test
</div>
</div>
还有一个小提琴示例：http : //jsfiddle.net/snowburnt/4ejuK/
奇怪的是，在铬制的Linux开发环境中，按钮本身正确居中，但其中的图标比应有的低，我感觉这将回答这两个问题。
您应该将类添加pull-right到.btn-group div中，而不是指定float：right。
浮动元素时，它会丢失块布局。由于它没有高度，它将不再“下推”其容器的底部。您可以通过设置解决这个问题overflow:hidden您.panel-heading，以使其能够正常调整。您必须在的顶部添加填充，在的.panel-heading顶部添加负填充，.btn-group以适应.btn-group.
我分叉了你的小提琴：http : //jsfiddle.net/Dq5ge/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句