如何改變nav-pills和navbar的風格？

我正在開發一個網站的前端，我對Ruby和Rails，css和bootstrap頗爲陌生。在文檔之後，我通過更改css文件中的選項爲我的需求量身定製了一個非常漂亮的導航欄。如何改變nav-pills和navbar的風格？

.navbar { 
    background-color: #3a2665; 
    color: #ffffff !important; 
} 

.navbar .nav { 
    padding-top: 15px; 
    padding-bottom: 15px; 
} 

.navbar .nav > li > a { 
    color: #ffffff !important; 
    font-family: 'Oswald', sans-serif; 
    font-size: 1.5em; 
}

我還需要導航選項頁腳，此時在頁面的頂部採用了不同風格的李元素從導航欄。我嘗試使用nav-pills，但似乎無法修改元素，它們遵循導航欄樣式。我只是似乎改變了什麼，當我拋出額外！重要聲明。

.nav-pills > li > a { 
    color: #ffffff; 
    font-family: 'Open Sans', sans-serif !important; 
    font-size: 0.8em ; 
    padding: 1px 1px 1px ; 
}

我的具體問題是什麼是導航層次的依賴，導航欄和NAV-丸，這樣我就可以單獨改變每個人的風格？有人有指針嗎？ ！重要的作用是什麼？它會覆蓋，但爲什麼我需要它，如果我在我的css文件中指定nav-pills？

也是「最佳做法」使用導航欄也作爲頁腳？在我閱讀的文檔中，似乎表明它主要用在標題中。

任何指針將不勝感激！

來源

2014-10-03 user2953607

你可以把它像這樣的，所以你不必使用重要的是要覆蓋CSS樣式

.navbar { 
    background-color: #3a2665; 
    color: #ffffff; 
} 

.navbar .nav { 
    padding-top: 15px; 
    padding-bottom: 15px; 
} 

.navbar .nav > li > a { 
    color: #ffffff; 
    font-family: 'Oswald', sans-serif; 
    font-size: 1.5em; 
} 

footer .navbar{ 
    color: #ff0000; /* TO change the color in the footer*/ 
} 
footer .navbar .nav > li > a { 
    color: #ff0000; /* TO change the color in the footer*/ 
}

你想要的類在頁腳繼承的風格你離開他們，因爲他們是！）

是的，你可以在頁腳:)

來源

2014-10-03 18:50:42

我的第一個建議是檢查出SASS的再造型的引導，因爲它提供了多種方便的替代品來改變顏色，字體等

0123使用導航欄

但是回答你的問題，你應該使用這個層次：

.navbar .nav-pills > li > a

這裏是認識了一大篇重要的CSS聲明

（http://www.smashingmagazine.com/2010/11/02/the-important-css-declaration-how-and-when-to-use-it/）

當創建一個頁腳我通常的做法是！創建一個背景div /頁腳>容器>然後列>內容，如水平UL列表等

來源

2014-10-03 18:57:53 arinh

偉大的文章瞭解！重要。 – user2953607 2014-10-05 01:43:45

如何改變nav-pills和navbar的風格？

回答

相關問題