Bootstrap 3面板标题，按钮设置为不尊重父级填充

Question

这是我的fiddle来展示我现在拥有的东西：

abs(b - a) <= 2000

我想要的是按钮具有面板的全高（这样没有空格，顶部和底部）并且它移动到边缘（这样右侧没有空间）。

我正在考虑使用负边距并设置按钮的高度，但这看起来很糟糕？是否有更好的方法，一类，也许，我可以使用？

Answer 1

查看fiddle

您需要删除面板标题上的填充。

.option-button {
    height:100%;
}

.media-object {
    height: 50;
}
.panel-heading {
    padding: 0;
    }

<div class="panel panel-default">
  <div class="panel-heading clearfix">
    <h4 class="panel-title pull-left">Panel Title</h4>
    <div class="btn-group pull-right media-object">
      <a href="#" class="btn btn-default option-button">Button A</a>
      <a href="#" class="btn btn-default option-button">Button B</a>
      <a href="#" class="btn btn-default option-button">Button C</a>
    </div>
  </div>
  <div class="panel-body">
    Panel content.
  </div>
</div>