title: Bootstrap 3 navbar image
body: <p>Using Bootstrap 3, I am trying to add an image to the <code>navbar-header</code> but it's not visible unless it's a link to an external online image.  It won't show if it's loaded from the local image folder.</p>
  
  <p>In the example below, the first image is visible but the second is not.  The second/local image is the same exact image as the first one.</p>
  
  <p>I can verify that the local path image is being loaded by inspecting the loaded page with IE developer tools.  It's just not showing.</p>
  
  <pre><code>&lt;div class="navbar-header"&gt;                
      &lt;!-- This one is visible --&gt; 
      &lt;a href="#" class="pull-left"&gt;&lt;img src="https://sp.yimg.com/xj/th?id=OIP.M55851906bcec8ef3ef5a99872e29a565o0&amp;pid=15.1&amp;P=0&amp;w=300&amp;h=300"&gt;&lt;/a&gt; 
  
       &lt;!-- This one is not visible --&gt;
       &lt;a href="#" class="pull-left"&gt;&lt;img src="img/thG1UAD6R0.jpg"&gt;&lt;/a&gt;
  
        &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt;
     &lt;/button&gt;
  &lt;/div&gt;            
  </code></pre>
  
  <p>I've used this <a href="https://stackoverflow.com/questions/18474564/bootstrap-3-navbar-with-logo">link</a> as a resource but it doesn't help much. I can't find much on why a live url image would be visible and a local image path wouldn't.</p>