title: Bootstrap button sizing and alignment
body: <p>This is what I have so far <a href="http://www.bootply.com/SDIQQr0dZJ" rel="nofollow noreferrer">http://www.bootply.com/SDIQQr0dZJ</a> or    <a href="https://jsfiddle.net/sjgz57b8/" rel="nofollow noreferrer">https://jsfiddle.net/sjgz57b8/</a></p>
  
  <pre><code>&lt;div class="panel panel-default"&gt;
   &lt;div class="panel-heading"&gt;
             &lt;strong&gt;myusername&lt;/strong&gt;
      &lt;div class="btn-group btn-group-sm pull-right"&gt;
         &lt;button type="button" class="btn btn-danger"&gt;Dislike&lt;/button&gt;
         &lt;button type="button" class="btn btn-success"&gt;Like&lt;/button&gt;
      &lt;/div&gt;
   &lt;/div&gt;
       &lt;div class="panel-body"&gt;
                Panel content
       &lt;/div&gt;
   &lt;/div&gt;                       
  </code></pre>
  
  <p>I'm trying to make the buttons fit within that space and centered vertically, but I already added the btn-group-sm class so I'm not sure what else I can do. I'm also trying to make the dislike button the same width as the like button. Thanks for any help</p>