Bootstrap：导航栏不会着色
这个问题在这里已经有了答案：
在标签中
<link rel="stylesheet" href="/css/bootstrap.css">
<link rel="stylesheet" href="/css/style.css">
在正文标签关闭之前
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
只要检查你是否正确添加了这个（或所有文件）。
你可能需要检查你是否试图改变一个已经有！重要的CSS
而且你已经使用了类别bg-light，它也为你的导航着色。 去掉它。
<nav class="navbar navbar-expand-md fixed-top sticky-navigation " style="background: green !important;">
<button class="navbar-toggler navbar-toggler-right" type="button" style="background: green !important;" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="ion-grid icon-sm"></span>
</button>
<a class="navbar-brand hero-heading" href="#">Jeroen Hooge</a>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item mr-3">
<a class="nav-link page-scroll" href="#main">Product <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item mr-3">
<a class="nav-link page-scroll" href="#features">Werk</a>
</li>
<li class="nav-item mr-3">
<a class="nav-link page-scroll" href="#pricing">Prijs</a>
</li>
<li class="nav-item mr-3">
<a class="nav-link page-scroll" href="#team">Team</a>
</li>
<li class="nav-item mr-3">
<a class="nav-link page-scroll" href="#blog">Blog</a>
</li>
<li class="nav-item mr-3">
<a class="nav-link page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
</nav>