title: Placing navbar on top-right side of header image (Bootstrap)
body: <p>I'd like to add a menu on top of a header image, the menu should be in the top-right side of the header (over the header). </p>
  
  <p>Here is the code:</p>
  
  <pre><code>    &lt;div class="container-full"&gt;
          &lt;img src="images/header_01.png" style="max-width:100%; height:auto;"/&gt;
              &lt;div class="navbar navbar-default"&gt;
                  &lt;ul class="nav navbar-nav"&gt;
                      &lt;li class="active"&gt;&lt;a href="#"&gt;Acasa&lt;br /&gt;Bine ati venit!&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Despre noi&lt;br /&gt;Descriere si misiune&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;PRODUSE&lt;br /&gt;Produsele noastre&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="divider-vertical"&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;PHOENIX GRUP&lt;br /&gt;Membri&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;PORTOFOLIU&lt;br /&gt; Lucrari executate&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Contact&lt;br /&gt;Contact&lt;/a&gt;&lt;li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Here is the fiddle: <a href="https://jsfiddle.net/8ovdwpub/" rel="nofollow">https://jsfiddle.net/8ovdwpub/</a></p>
  
  <p>Here is the mockup: <a href="http://tinypic.com/view.php?pic=qz5f6q&amp;s=8#.VdWiQvR0Ygk" rel="nofollow">http://tinypic.com/view.php?pic=qz5f6q&amp;s=8#.VdWiQvR0Ygk</a></p>
  
  <p>I tried looking on StackOverflow but couldn't find anything. How can I achieve the desired effect?</p>