2012-05-14 225 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; 
}