【发布时间】:2018-09-27 20:18:24
【问题描述】:
我的导航栏有问题。 这是我的代码:
<nav id="strumenti" class="navbar navbar-expand-sm navbar-light bg-light sticky">
<a class="navbar-brand" href="#">
<img src="C:\Users\Fabry\Desktop\scuola\html\Immagini\UltrasAvellino\clan.ico" width="30" height="30" class="d-inline-block align-top" alt="">
Ultras Avellino
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav nav nav-pills" id="pills-tab" role=tablist>
<a class="nav-item nav-link active" href="#" data-toggle="tab" role="tab" aria-controls="home" aria-selected="true">Home <span class="sr-only">(current)</span></a>
<a class="nav-item nav-link" href="#" data-toggle="tab" role="tab" aria-controls="home" aria-selected="true">War</a>
<a class="nav-item nav-link" href="#" data-toggle="tab" role="tab" aria-controls="home" aria-selected="true">Regole</a>
<a class="nav-item nav-link" href="#" data-toggle="tab" role="tab" aria-controls="home" aria-selected="true">La nostra storia</a>
<a class="nav-item nav-link" href="#" data-toggle="tab" role="tab" aria-controls="home" aria-selected="true">Contattaci</a>
</div>
</div>
</nav>
导航栏有粘性类,所以它应该保持在顶部,但是当我滚动到页面中间时,它会消失。 我试图在 css 中添加 position:fixed 并且它仍然在顶部,但在其他元素之下。 请帮帮我。
【问题讨论】:
-
也许 stackoverflow.com/q/21301316/1531971 但您可能需要告诉我们为什么发现的许多其他 QA 不适用。
标签: css html bootstrap-4 navbar