title: bootstrap 3 button group in panel-header not centering
body: <p>I have a button group in a panel-header.  I want them floated to the right, but when I do this  the buttons are now down at the bottom of the header and I need them to be centered.  How do I do this?</p>
  
  <p>here's the HTML:</p>
  
  <pre><code>&lt;div class="panel panel-default"&gt;
      &lt;div class="panel-heading"&gt;
          Member of the following Units
          &lt;div class="btn-group btn-group-sm"&gt;
              &lt;button type="button" class="btn btn-primary"&gt;&lt;span class="glyphicon glyphicon-plus"&gt;&lt;/span&gt;&lt;/button&gt;
              &lt;button type="button" class="btn btn-danger" &gt;&lt;span class="glyphicon glyphicon-remove-circle"&gt;&lt;/span&gt;&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="panel-body"&gt;
          test
      &lt;/div&gt;
      &lt;div class="panel-footer"&gt;
          test
      &lt;/div&gt;      
  &lt;/div&gt;
  </code></pre>
  
  <p>and a fiddle example: <a href="http://jsfiddle.net/snowburnt/4ejuK/">http://jsfiddle.net/snowburnt/4ejuK/</a></p>
  
  <p>Strangely enough, in my linux dev environment on chromium, the buttons themselves are properly centered but the icons within them are lower than they should be, I have a feeling this will answer both these issues.</p>