Bootstrap導航欄背景顏色不變

Question

我正在為我的網站使用引導導航欄。 如果要更改導航欄的背景顏色，可以使用以下方法進行操作：

<!-- 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;
}

或使用以下樣式覆蓋我的樣式表中的引導程序類

.navbar-default {

background-color:#000000;

}

並添加類

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

<div class="container-fluid">

   <p>hi</p>

</div>

</nav>

它不起作用。 有什么幫助嗎？

Answer 1

我相信Bootstrap將背景圖片用於linear-gradient ，這會導致問題，請嘗試僅設置主背景屬性：

.navbar-default {
  background: #000000;
}

Answer 2

像這樣將類添加到CSS時，嘗試添加“！important”

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

Answer 3

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

您鏈接的頁面找不到樣式表文件。 將網址固定到您的css文件，就可以了。

更新：看到它仍然有問題，您可以刪除Bootstrap主題以使其更容易使用。 如果您要進行很多樣式設置，最好完全刪除主題，這樣就不必每次更改都覆蓋它。