[英]Bootstrap 3 does not collapse navbar on mobile or tablet size
我正在嘗試使導航欄可折疊,但是由於某種原因它會折疊並非常快速地關閉自身。
這是我的代碼:
<div class="navbar navbar-inverse navbar-static-top">
<div class="container">
<a href="#" class="navbar-brand">
<img class="logo" src="../img/logo.png" /></a>
<div class="navbar-header">
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="../Default.aspx">Home</a></li>
<li><a href="../Library/Library.aspx">Library</a></li>
<li><a href="../About.aspx">About</a></li>
<li><a href="#contact" data-toggle="modal">Contact</a></li>
<li>
<asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false">
<AnonymousTemplate>
<a href="#login" id="HeadLoginStatus" runat="server" data-toggle="modal">Log In</a>
</AnonymousTemplate>
<LoggedInTemplate>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Settings<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li role="presentation" class="dropdown-header"><asp:LoginName ID="HeadLoginName" runat="server" /></li>
<li><a href="#">Accounts</a></li>
<li><a href="#"><asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out" LogoutPageUrl="~/" /></a></li>
</ul>
</li>
</LoggedInTemplate>
</asp:LoginView>
</li>
</ul>
</div>
</div>
</div>
有人可以告訴我這是什么問題嗎?
將您的“按鈕”更改為“ div”標簽,這將防止發回郵件。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.