Css 将导航栏放置在标题图像的右上侧（引导）

我想在页眉图像的顶部添加一个菜单，菜单应该在页眉的右上角（页眉上方）

代码如下：

    <div class="container-full">
        <img src="images/header_01.png" style="max-width:100%; height:auto;"/>
            <div class="navbar navbar-default">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">Acasa<br />Bine ati venit!</a></li>
                    <li><a href="#">Despre noi<br />Descriere si misiune</a></li>
                    <li><a href="#">PRODUSE<br />Produsele noastre</a></li>
                    <li class="divider-vertical"></li>
                    <li><a href="#">PHOENIX GRUP<br />Membri</a></li>
                    <li><a href="#">PORTOFOLIU<br /> Lucrari executate</a></li>
                    <li><a href="#">Contact<br />Contact</a><li>
                </ul>
            </div>
    </div>

这是小提琴：

这是模型：

---

我试图查看StackOverflow，但什么也找不到。如何达到预期效果？

这是一个很好的起点

HTML 看一看这本书

---

只是要小心反应能力…

你是什么意思？你能添加一个所需布局的模拟吗？如果你只是想把菜单放在图片的顶部，只需用div.navbar切换img元素……我添加了模型。它应该在标题上方。：）@MateiPanchios，刚才在为你刚刚删除的问题胡闹-这可能会有帮助：非常感谢！这是一个伟大的起点！

<div class="container-full">
    <div class="navbar navbar-default" id="tr-navbar">
        <ul class="nav navbar-nav">
            <li class="active"><a href="#">Acasa<br />Bine ati venit!</a></li>
            <li><a href="#">Despre noi<br />Descriere si misiune</a></li>
            <li><a href="#">PRODUSE<br />Produsele noastre</a></li>
            <li class="divider-vertical"></li>
            <li><a href="#">PHOENIX GRUP<br />Membri</a></li>
            <li><a href="#">PORTOFOLIU<br /> Lucrari executate</a></li>
            <li><a href="#">Contact<br />Contact</a>
                <li>
        </ul>
    </div>
    <img id="img-header" src="http://i60.tinypic.com/4v1z4p.jpg" style="max-width:100%; height:auto;" />
</div>

#tr-navbar {
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 2;
  background-color: transparent;
  border: 0;
}
#img-header {
  position: absolute;
  top: 0;
}