title: img link makes whole bootstrap div clickable
body: <p>I'm trying to make a div with an image. This image has an <code>&lt;a&gt;</code> tag around it.</p>
  
  <p>Now it should only make the image clickable, but instead it makes the whole div clickable and the H4 that comes next to the image is pushed down below the div. The <code>&lt;a&gt;</code> takes the width of the whole div.</p>
  
  <p>I'm using bootstrap col in the div class.</p>
  
  <p>How can i fix this? I tried giving the <code>&lt;a&gt;</code> a width but that doesn't work...</p>
  
  <p>Thanks in advance!</p>
  
  <pre><code>&lt;header&gt;
      &lt;div class="image col-sm-8"&gt;
          &lt;a href="home.php"&gt;&lt;img class="img-responsive" src="Images/pc4u.png" style="height: 100px; width: 175px;"&gt;&lt;/a&gt;
          &lt;h4&gt;PC4U voor al uw computers, onderdelen en software!&lt;/h4&gt;
      &lt;/div&gt;
      &lt;div class="userInformationAndShoppingCart col-sm-4"&gt;
          &lt;h4&gt;Middle&lt;/h4&gt;
      &lt;/div&gt;
  &lt;/header&gt;
  </code></pre>