Css 引导头'；s边距停止垂直定心

我已经做了一个实验来证明这个问题

---

当一个

与其他内容在同一行时，它的边距会阻止该内容垂直居中，即使使用

垂直对齐：中间。有没有其他方法可以使此内容（引导层中的红色按钮）居中显示，而无需手动复制其边距？
您可以将按钮放在
元素中，如下所示：

<div class="col-md-12">
  <h1>
     Code
     <span class="pull-right">
       <button class="btn btn-danger">Small</button>
       <button class="btn btn-danger">Medium</button>
       <button class="btn btn-danger">Large</button>
     </span>
   </h1>  
 </div>


代码
小的
中等
大的


编辑：最好使用
而不是
，以保持有效。
使用与H1相同的边距

.center-y{
  vertical-align:middle;
  margin-top: 20px;
  margin-bottom: 10px;
}

你是指垂直还是水平居中？垂直（在标题和问题中）。当它位于“行”的顶部且标题较低时，它看起来已损坏。我希望它在右边，水平。啊。。现在我明白你的意思了。我不想这样做，我要求一个没有明确设置边距的方法。我不喜欢重复使用引导值，因为如果它们更新，我也必须手动更新我的值。当然，这是有道理的。我只是觉得这种方式更接近你已经拥有的。谢谢。这甚至避免了我使用的嵌套行，它是完美的。