2013-04-07 136 views
0

我有一個簡單的問題。我想在這裏修改模板http://bootswatch.com/cosmo/以使導航欄居中。如您在示例中所見,導航從容器左側開始。 insead我想在容器的整個寬度上進行協調傳播......並且在向下滾動頁面時進行修復...Bootstrap居中(固定)導航欄

你有什麼想法嗎?我應該在CSS中修改什麼? 非常感謝!

+1

請接受答案,將知識傳播給他人! – 2013-04-07 12:27:34

回答

0

難道這要你正在尋找: http://jsfiddle.net/3eG7J/1/

CSS

.navbar { 
    position: fixed; 
    width: 100%; 
} 

.navbar .nav { 
    float: none; 
} 

.navbar .nav>li { 
    width: 20%; 
} 

.navbar .nav>li寬度取決於你有多少菜單項都有。

希望有幫助!

+0

你是男人!謝謝 – 2013-04-07 12:20:40

+0

我有一個問題,你...問題是,我不顯示在你的例子中的頁面,但我把所有的內容嵌入到一個居中的容器,這使我可以提供一個很好的背景圖像。如果我使用你的代碼,導航欄會佔用頁面的所有寬度,而我想分散在容器的寬度上... – 2013-04-07 14:47:13

+0

我是否需要將代碼嵌入流體行中? – 2013-04-07 14:49:54