Question

我正在为我的网站使用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;
}

使用

或覆盖样式表中的bootstrap类

.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使用导致问题的.navbar-default { background: #000000; }背景图片，尝试只设置主要的背景属性：

{{1}}

Answer 2

尝试添加＆＃34;！important＆＃34;将类添加到CSS时

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

Answer 3

正如评论所说，html和css本身很好。

您关联的页面找不到您的样式表文件。修复你的css文件的网址，你应该没事。

更新：看到它仍有问题，您可以删除Bootstrap主题以使自己更容易。如果你要做很多样式的话，你可能最好完全删除主题，这样你就不必为每一个小改动都覆盖它。

Bootstrap导航栏背景颜色不变

3 个答案: