Bootstrap導航欄背景顏色不變

我爲我的網站使用了導航欄導航欄。如果我想用改變導航欄我能做到這一點的背景色：Bootstrap導航欄背景顏色不變

<!-- Navbar --> 
<nav class="navbar navbar-default" role="navigation" > 

    <div class="container-fluid" style="background-color:#000000"> 

     <p>hi</p> 

    </div> 

</nav>

但是，如果我試圖在外部表使用CSS使用兩種

.nav_backcolor { 
    background-color:#000000; 
}

或overiding自舉類中使用

.navbar-default { 

background-color:#000000; 

}

並添加類像

<!-- Navbar --> 
<nav class="navbar navbar-default nav_backcolor" role="navigation" > 

<div class="container-fluid"> 

    <p>hi</p> 

</div> 

</nav>

我的樣式表

它不起作用。請幫忙嗎？「！重要」

來源

2016-03-04 joshpj1

其他可能會干擾，因爲它應該很好。你有一個jsfiddle或網站鏈接？ – tohood87

http://www.joshpjackson.com/home.php是網站。代碼如下所示，但仍然沒有區別。 – joshpj1

我相信加入類你的CSS時，引導使用了linear-gradient背景圖像這是造成問題，儘量只設置唯一的主要背景屬性：

.navbar-default { 
    background: #000000; 
}

來源

2016-03-04 15:26:08 tohood87

做到了，仍然沒有運氣 – joshpj1

您還必須重寫並移除Bootstrap已經設置的背景圖像和漸變。您看不到顏色，因爲圖像位於其上方。 – Phil

好的，我該怎麼做？ – joshpj1

嘗試增加這樣

.navbar-default { 
    background: #000 !important; 
}

來源

2016-03-04 15:25:32 MatthewBryce

我認爲這是不好的做法？ – joshpj1

正如評論所說，html和css本身很好。

您鏈接的頁面找不到您的樣式表文件。修復url到你的css文件，你應該沒問題。

更新：看到它仍然有問題，您可以刪除Bootstrap主題以使其更容易。如果你要做很多造型，你可能會更好地完全移除主題，這樣你就不必爲每一個小小的改變重寫它。

來源

2016-03-04 15:27:04 Phil

對不起，修好了，但還是沒有運氣 – joshpj1

Bootstrap導航欄背景顏色不變

回答

相關問題