我不知道爲什麼導航欄不固定

-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

我不知道爲什麼導航欄不固定

回答

相關問題