title: How to align an image and a navbar inside a container?
body: <p>I am not able to align the logo and the nav bar inside the container div. The navigation bar is always below the level of the image logo. I have tried some html align attributes but it did not fix the issue. I am using bootstrap CSS, so should I change something in there ?</p>
  
  <pre><code>&lt;header&gt;
  &lt;div class="navbar navbar-fixed-top"&gt;
      &lt;div class="navbar-inner"&gt;
          &lt;div class="container"&gt;
  
              &lt;!--company logo and slogan--&gt;
              &lt;img src="img/logo.png" alt="logo" /&gt;
  
              &lt;!--button for responsive navigation--&gt;
              ...
  
              &lt;!--Nav bar--&gt;
              &lt;div class="nav-collapse collapse"&gt;        
                &lt;ul class="nav pull-right" &gt;
                  ...
                &lt;/ul&gt;
                              &lt;/div&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>