2012-05-14 334 views
1

我想添加一個導航欄一樣,固定在頂部twitter bootstrap導航欄固定在左側?

navbar-fixed-top 

,但修復我希望它在頁面左側的導航欄黑色。這將是頂部導航欄的補充。所以上面會有兩個導航欄,左邊有一個導航欄。

左側導航欄將連接到頂部導航欄,因此它看起來像在左側和頂部有一個邊框。

我做了一些hackish的嘗試,但他們不是很好。

這樣做的最好方法是什麼?是否有可能使用現有的跨度和行元素或是否需要新的css?

回答

7

我所要做的就是在頂欄上設置一個固定的高度,然後在左欄上設置一個固定的位置。這是一個jsfiddle,展示了我是如何做到的。

http://jsfiddle.net/whoiskb/GqXdM/embedded/result/

最起碼的CSS來說明這一點:

the_left_side { 
    top:75px; /* the height of the top banner */ 
    bottom:0px; 
    position:fixed; 
} 
the_main_content { 
    position:absolute; 
    overflow:auto; 
}