在Bootstrap Navbar前面添加徽标

Question

我正在尝试在Bootstrap Navbar前添加一个徽标 - 类似于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

在.logo-fixed：

上设置z-index

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

或者甚至更好，不要让它与菜单栏重叠，而是通过将CSS顶部设置为零以外的值来使其低于它。