我真的是 HTML 编程的新手,我正在尝试使用 bootstrap。但是我找不到使导航栏固定顶部背景色变为白色的方法。我尝试将它添加到导航栏 navbar-default navbar-fixed-top 中,没有任何帮助。
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="#page-top">Viverius, Institute for development of digital health </a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
<a class="page-scroll" href="#about">O nas</a>
</li>
<li>
<a class="page-scroll" href="#services">Projekti</a>
</li>
<li>
<a class="page-scroll" href="#portfolio">Ekipa</a>
</li>
<li>
<a class="page-scroll" href="#contact">Kontakt</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
最佳答案
放在下面css
新的代码 css file
称为 style.css
或者你想要的任何名称并将此文件放在 bootstrap css
之后文件以覆盖 <head>
中的默认 Bootstrap css像这样的标签:
CSS代码(在style.css中)
.navbar-default {
background: #fff;
}
HTML 代码
<head>
<link href="bootstrap.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
关于jquery - html 和 css 标签,修复导航顶部背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44486942/