BootStrap navbar切换不在asp.net中工作

时间:2014-03-29 23:15:26

标签: jquery asp.net css c#-4.0 twitter-bootstrap-3

我有一个使用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

有什么想法吗?

0 个答案:

没有答案