我有一个使用bootstrap 3.0的页面(ASP.NET Web Forms)。 菜单位于母版页上:
<div class="navbar-header">
<!-- BEGIN RESPONSIVE MENU TOGGLER -->
<button class="navbar-toggle btn navbar-btn" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN LOGO -->
<a class="navbar-brand logo-v1" href="/">
<div class="">
<img src="img/logo//ITT_logo_horizontal_blue_large.png" id="Img1" alt="Iceland Taxi Tours Logo" width="330" />
</div>
</a>
<!-- END LOGO -->
</div>
<!-- BEGIN TOP NAVIGATION MENU -->
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li runat="server" id="lnkHome" class="active">
<a runat="server" href="/">Home
</a>
</li>
<li runat="server" id="lnkTours" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" href="#">Tours
<i class="fa fa-angle-down"></i>
</a>
<ul class="dropdown-menu">
<li>
<asp:LinkButton ID="btnDayTours" runat="server" OnClick="btnDayTours_Click">Day Tours</asp:LinkButton></li>
<li>
<asp:LinkButton ID="btnLongTours" runat="server" OnClick="btnLongTours_Click">Longer Tours</asp:LinkButton></li>
<li><a runat="server" href="tours">View All Tours</a></li>
<li><a href="customize_your_tour">Customized Tour</a></li>
</ul>
</li>
<li runat="server" id="lnkSights" class="dropdown">
<a class="dropdown-toggle" href="keflavik_airport_transfer">Airport Transfer</a>
</li>
<li runat="server" id="lnkBlueLagoon" class="dropdown">
<a class="dropdown-toggle" href="blue_lagoon_tours">Blue Lagoon</a>
</li>
<li runat="server" id="lnkOtherServices" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" href="#">Other Services
<i class="fa fa-angle-down"></i>
</a>
<ul class="dropdown-menu">
<li><a runat="server" href="cruise_ship_services">Cruise Ship Services</a></li>
<li><a href="handicapped_services">Handicapped Services</a></li>
</ul>
</li>
<li runat="server" id="lnkAbout"><a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" href="#">About
<i class="fa fa-angle-down"></i>
</a>
<ul class="dropdown-menu">
<li><a runat="server" href="about">About Us</a></li>
<li><a runat="server" href="contact">Contact Us</a></li>
<li><a href="faq" runat="server">FAQ</a></li>
</ul>
</li>
<%-- <li class="menu-search">
<span class="sep"></span>
<i class="fa fa-search search-btn"></i>
<div class="search-box">
<div>
<div class="input-group input-large">
<input class="form-control" type="text" placeholder="Search">
<span class="input-group-btn">
<asp:Button runat="server" ID="btnSearch" class="btn theme-btn" Text="Go" ToolTip="Search the site" />
</span>
</div>
</div>
</div>
</li>--%>
</ul>
</div>
<!-- BEGIN TOP NAVIGATION MENU -->
如果我设置display:block!important;在课堂上:.header .navbar-collapse一直显示......
当我按下切换按钮时,每次页面都会返回一个完整的帖子,并且“Page_Load ....”中的“菜单”保持打开状态,而不是再次关闭。
如果你想看看,你有一个现场版本:http://www.icelandtaxitours.is
有什么想法吗?