在Bootstrap导航栏前添加徽标

Question

我正在尝试在Bootstrap导航栏前添加徽标 - 与Peek.com上的黄色徽标类似，但我希望它位于导航的右侧。

我正在使用此示例作为模板：http://twitter.github.io/bootstrap/examples/hero.html 取而代之的是项目名称，我想要一个图像。我尝试添加一些CSS，以便将徽标固定到某个位置。

.logo-fixed { 
    position: fixed; 
    top: 0; 
    right: 90px; 
} 

我在示例模板添加了这个身体后：

<div class="logo-fixed"><img src="test.png"></a></div> 

徽标显示，但显示背后的黑色导航栏标志的顶部。这里是什么样子：

我如何得到它的面前展示呢？

Answer 1

设置在z指数.logo固定：

.logo-fixed { 
    z-index: 2000; 
    ... 
} 

甚至更​​好，没有它与你的菜单栏重叠，而是有它低于它通过你的CSS顶部设置的东西除零之外。