title: Bootstrap: How to center image in panel heading?
body: <p>I have a class of 'panel-heading center', but the image in the panel isn't centering. How can I make that happen?</p>
  
  <pre><code>&lt;%= link_to 'Back', things_path %&gt;
  
  &lt;div class='row'&gt;
    &lt;div class='col-md-offset-2 col-md-8'&gt;
      &lt;div class='panel panel-default'&gt;
      &lt;div class='panel-heading center'&gt;
        &lt;%= image_tag @thing.image.url(:medium) %&gt;
      &lt;/div&gt;
      &lt;div class='panel-body'&gt;
      &lt;p&gt;
        &lt;strong&gt;&lt;%= @thing.title %&gt;&lt;/strong&gt;
      &lt;/p&gt;
      &lt;p&gt;
        &lt;%= @thing.description %&gt;
      &lt;/p&gt;
      &lt;p&gt;
        &lt;%= @thing.user.email %&gt;
      &lt;/p&gt;
      &lt;% if @thing.user == current_user %&gt;
        &lt;%= link_to 'Edit', edit_thing_path(@thing) %&gt; 
      &lt;% end %&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>