我正在为我的网站设计一个粘性顶部导航栏,我一直在关注Bootstrap在其网站上提供的文档,并在此处查看了之前提出的问题,但是我无法理解为什么它不起作用。任何帮助都会很棒
<!DOCTYPE html>
<html>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark sticky-top">
<div class="collapse navbar-collapse justify-content-center" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="about.html">ABOUT</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">CLOTHING</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">CLOTHING</a>
</li>
</ul>
</div>
</nav>
</body>
</html>
的CSS
.navbar {
background-color: #2A2F35 !important;
padding: 0 !important;
}
/*Navbar Links*/
.navbar-nav a {
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-size: 16px;
font-weight: 100;
letter-spacing: 1px;
color: #ffffff !important;
padding: 25px;
margin: 0px 25px 0px 25px;
}
.navbar-nav a:hover {
color: #ff6600 !important;
}
最佳答案
<nav class="navbar **fixed-top** navbar-light bg-light">
“固定顶部”似乎不在nav类中。
关于css - Bootstrap 4 sticky-top 不工作,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/50907229/