在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頂部設置的東西除零之外。