title: In a responsive website (using bootstrap), how to center an anchor tag containing an image
body: <p>The following is not an option </p>
  
  <pre><code>&lt;div class="container"&gt;    
  &lt;a href="/Home"&gt;
  &lt;img class="img-responsive center-block" src="/home_logo.png" alt="Home"/&gt;
  &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Cause the entire row (container) is now clickable and not just the home_logo.png</p>
  
  <p>Is there any graceful way (maybe a bootstrap class) to make only the image clickable (and also for the image to be responsive).</p>