title: How to properly align a brand image in bootstrap
body: <p>It is not a duplicate of <a href="https://stackoverflow.com/questions/18474564/bootstrap-3-navbar-with-logo">this</a>.  That question is about replacing the text logo with image.  This question is about placing an image in addition to the text logo.</p>
  
  <p>I have the following bootstrap code that attempts to show the site logo followed by its name.  I am using the bootstrap class navbar-brand to do so:</p>
  
  <pre><code>&lt;div class="navbar navbar-inverse navbar-fixed-top"&gt;
      &lt;div class="container-fluid"&gt;
          &lt;div class="navbar-header"&gt;
              &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
                  &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&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;a class="navbar-brand" href="./EnterpriseCopy_files/EnterpriseCopy.html"&gt;
                  &lt;img src="./EnterpriseCopy_files/android-icon-48x48.png"&gt;
              &lt;/a&gt;
              &lt;a class="navbar-brand" href="./EnterpriseCopy_files/EnterpriseCopy.html"&gt;Enterprise Copy&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="navbar-collapse collapse"&gt;
  </code></pre>
  
  <p>The logo ends up looking like this:</p>
  
  <p><a href="https://i.stack.imgur.com/lm1mE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lm1mE.png" alt="enter image description here"></a></p>
  
  <p>I then have to add <code>style="margin-top:-13px"</code> to the <code>img</code> tag in order to push up the image and make it look good:</p>
  
  <p><a href="https://i.stack.imgur.com/KqgTD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KqgTD.png" alt="enter image description here"></a></p>
  
  <p>This can't be the right way to do this.  Is there a better way of doing this?  </p>
  
  <p>The original code <a href="http://vbrad.com/misc/enterprisecopy2.html" rel="nofollow noreferrer">here</a>, one with the style tweak <a href="http://vbrad.com/misc/enterprisecopy.html" rel="nofollow noreferrer">here</a>.</p>