twitter-bootstrap - 在 Bootstrap Navbar 前面添加 logo

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 顶部设置为非零的值来让它在它下方。