[英]Bootstrap collapsed navbar disappears
當我單擊移動頁面上的切換按鈕時,菜單會彈出一會兒,然后再次消失。 僅第一項保持可見。
我從引導主題中獲取了CSS,基本上只是更改了菜單的顏色和內容。
<div class="navbar-wrapper">
<div class="container">
<div class="navbar navbar-default navbar-fixed-top" role="navigation" id="top-nav">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#home"><img src="#"></a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="scroll"><a href="#home">Home</a></li>
<li><a href="/pronunciation.html">Pronunciation</a></li>
<li><a href="/downloads.html">Downloads</a></li>
<li><a href="/blog/">Blog</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
有什么建議,我如何找回菜單?
這是我的網站
.navbar-nav {
margin-right: 0px !important;
height: 51px;
}
51px
高度限制了您可折疊的導航51px
完全顯示。
** 與您的問題無關 **
使用Bootstrap時,請勿在container
div外部使用row
因為這會導致不必要的水平滾動條出現。
檢查您的HTML以獲取以下元素: #home #banner .centered .row
。 它在我的瀏覽器上顯示一個滾動條。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.