Bootstrap導航欄展開後不合攏

-2

在移動設備上查看時，摺疊後的導航欄將在展開後展開。但是當我再次點擊它時它不會關閉。下面是HTML代碼：Bootstrap導航欄展開後不合攏

<nav id="main-nav" class="main-nav navbar-right" role="navigation"> 
    <div class="navbar-header"> 
    <button class="navbar-toggle" type="button" 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> 
    <!--//nav-toggle--> 
    </div> 
    <!--//navbar-header--> 
<div class="navbar-collapse collapse" id="navbar-collapse"> 
    <ul class="nav navbar-nav"> 
    <li class="active nav-item"><a class="scrollto" href="index.html">Home</a></li> 
    <li class="nav-item"><a class="scrollto" href="project.html">Project</a></li> 
    <li class="nav-item"><a class="scrollto" href="download.html">Download</a></li> 
    <li class="nav-item last"><a class="scrollto" href="contact.html">Contact</a></li> 
</ul> 
<!--//nav--> 
</div> 
<!--//navabr-collapse--> 
</nav>

而CSS：

.header .main-nav .navbar-collapse { 
    padding: 0; 
} 

.header .main-nav .nav .nav-item { 
    font-weight: normal; 
    margin-right: 46px; 
} 

.header .main-nav .nav .nav-item.active a { 
    color: #dbdada; 
    background: none; 
} 

.header .main-nav .nav .nav-item a { 
    color: #fff; 
    -webkit-transition: none; 
    -moz-transition: none; 
    -ms-transition: none; 
    -o-transition: none; 
    font-size: 16px; 
    padding: 15px 10px; 
} 

.header .main-nav .nav .nav-item a:hover { 
    color: #fff; 
    background: none; 
} 

.header .main-nav .nav .nav-item a:focus { 
    outline: none; 
    background: none; 
} 

.header .main-nav .nav .nav-item a:active { 
    outline: none; 
    background: none; 
} 

.header .main-nav .nav .nav-item.active { 
    color: #dbdada; 
} 

.header .main-nav .nav .nav-item.last { 
    margin-right: 0; 
}

我包括jquery.min.js和bootstrap.min.js，我真的不知道是什麼問題。

來源

2016-01-14 R.Zhao

你的代碼工作在我結束。控制檯中是否有錯誤？ –

沒有錯誤。在我上傳服務器上的網站後，它仍然存在這個問題。 –

所以也許有js文件有問題？ @JiteshYadav –

剛剛檢查了vubao.co的來源並找到了問題。你已經包含兩個jquery文件兩行否168 & 173（檢查頁面源代碼）。刪除一個文件，它會正常工作。

來源

2016-01-14 10:50:21

是的，它的工作！非常感謝！ –

很高興工作。你可以接受這個答案。 –

更改第一行

<nav id="main-nav" class="main-nav navbar-right" role="navigation">

，而不是這個

<nav class="navbar navbar-default navbar-custom">

來源

2016-01-14 11:01:14

Bootstrap導航欄展開後不合攏

回答

相關問題