我正在尝试改变一个用Bootstrap编码的导航条的颜色。到目前为止,已经有内置的Bootstrap类应用到导航条来改变背景和锚链接的颜色,但是它们根本没有改变颜色。有什么可以做的来修复这个问题吗?
下面是HTML:
<!-- import Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<nav class="navbar navbar-light bg-white navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- <a class="navbar-brand" href="#">WebSiteName</a> -->
<a href="index.html"><img src="fusebloomLogo.png" alt="FuseBloom logo" class="logo"/></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#mission">Mission</a></li>
<li><a href="#reviews">Reviews</a></li>
<li><a href="#process">Process</a></li>
</ul>
</div>
</div>
</nav>
4条答案
按热度按时间vh0rcniy1#
h79rfbju2#
7gcisfzg3#
你检查过color-boostrap v5了吗
oo7oh9g94#
对于Bootstrap v5,它们有背景色工具。所以你可以通过添加一个特定的类来添加一个预先制作的Bootstrap颜色。例如,添加类
bg-primary
将把导航栏的背景颜色设置为Bootstrap的蓝色。它们也有黄色,你可以用类bg-warning
添加以下是所有可用颜色的链接:
https://getbootstrap.com/docs/5.2/utilities/background/