我不知道为什么导航栏不固定

-2

我用Bootstrap放置了一个登录页面，出于某种原因，导航栏不是固定的。以下是导航栏的代码。我不知道为什么导航栏不固定

<nav class="navbar fixed-top navbar-inverse bg-primary navbar-toggleable-md navbar-light bg-faded"> 
<div class="container"> 
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> 
<span class="navbar-toggler-icon"></span> 
</button> 
    <div class="collapse navbar-collapse" id="navbarNav"> 
    <ul class="navbar-nav mr-auto"> 
     <li class="nav-item active"> 
     <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> 
     </li> 
     <li class="nav-item"> 
     <a class="nav-link" href="#">Features</a> 
     </li> 
     <li class="nav-item"> 
     <a class="nav-link" href="#">Pricing</a> 
     </li> 
    </ul> 
    </div> 
<a class="navbar-brand pull-sm-right mr-10" href="#">Aquastars Swimming School</a> 
</div> 
</nav>

来源

2017-08-07 AltBrian

你用你的浏览器检查元素怎么看CSS样式正在被应用？ – Blazemonger

当我滚动导航栏滚动并且不固定。 – AltBrian

@AltBrian你错过了'navbar-fixed-top'类的人！ –

您的代码工作正常，因为你使用的引导4. 你可以看到你的代码的工作演示这里Codepen

<nav class="navbar fixed-top navbar-inverse bg-primary navbar-toggleable-md navbar-light bg-faded"> 
<div class="container"> 
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> 
<span class="navbar-toggler-icon"></span> 
</button> 
    <div class="collapse navbar-collapse" id="navbarNav"> 
    <ul class="navbar-nav mr-auto"> 
     <li class="nav-item active"> 
     <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> 
     </li> 
     <li class="nav-item"> 
     <a class="nav-link" href="#">Features</a> 
     </li> 
     <li class="nav-item"> 
     <a class="nav-link" href="#">Pricing</a> 
     </li> 
    </ul> 
    </div> 
<a class="navbar-brand pull-sm-right mr-10" href="#">Aquastars Swimming School</a> 
</div> 
</nav>

来源

2017-08-07 16:00:53 gudboisgn

谢谢gudboisgn。 – AltBrian

我不知道为什么导航栏不固定

回答

相关问题