title: BootStrap navbar Toggle not working in asp.net
body: <p>I have a page (ASP.NET Web Forms) using bootstrap 3.0.
  The menu is on the master page:</p>
  
  <pre><code>                &lt;div class="navbar-header"&gt;
                  &lt;!-- BEGIN RESPONSIVE MENU TOGGLER --&gt;
                  &lt;button class="navbar-toggle btn navbar-btn" data-toggle="collapse" data-target=".navbar-collapse"&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;/button&gt;
                  &lt;!-- END RESPONSIVE MENU TOGGLER --&gt;
                  &lt;!-- BEGIN LOGO --&gt;
                  &lt;a class="navbar-brand logo-v1" href="/"&gt;
                      &lt;div class=""&gt;
                          &lt;img src="img/logo//ITT_logo_horizontal_blue_large.png" id="Img1" alt="Iceland Taxi Tours Logo" width="330" /&gt;
                      &lt;/div&gt;
                  &lt;/a&gt;
                  &lt;!-- END LOGO --&gt;
              &lt;/div&gt;
  
              &lt;!-- BEGIN TOP NAVIGATION MENU --&gt;
              &lt;div class="navbar-collapse collapse"&gt;
                  &lt;ul class="nav navbar-nav"&gt;
                      &lt;li runat="server" id="lnkHome" class="active"&gt;
                          &lt;a runat="server" href="/"&gt;Home
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li runat="server" id="lnkTours" class="dropdown"&gt;
                          &lt;a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" href="#"&gt;Tours
                          &lt;i class="fa fa-angle-down"&gt;&lt;/i&gt;
                          &lt;/a&gt;
                          &lt;ul class="dropdown-menu"&gt;
                              &lt;li&gt;
                                  &lt;asp:LinkButton ID="btnDayTours" runat="server" OnClick="btnDayTours_Click"&gt;Day Tours&lt;/asp:LinkButton&gt;&lt;/li&gt;
                              &lt;li&gt;
                                  &lt;asp:LinkButton ID="btnLongTours" runat="server" OnClick="btnLongTours_Click"&gt;Longer Tours&lt;/asp:LinkButton&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a runat="server" href="tours"&gt;View All Tours&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="customize_your_tour"&gt;Customized Tour&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li runat="server" id="lnkSights" class="dropdown"&gt;
                          &lt;a class="dropdown-toggle" href="keflavik_airport_transfer"&gt;Airport Transfer&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li runat="server" id="lnkBlueLagoon" class="dropdown"&gt;
                          &lt;a class="dropdown-toggle" href="blue_lagoon_tours"&gt;Blue Lagoon&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li runat="server" id="lnkOtherServices" class="dropdown"&gt;
                          &lt;a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" href="#"&gt;Other Services
                          &lt;i class="fa fa-angle-down"&gt;&lt;/i&gt;
                          &lt;/a&gt;
                          &lt;ul class="dropdown-menu"&gt;
  
                              &lt;li&gt;&lt;a runat="server" href="cruise_ship_services"&gt;Cruise Ship Services&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="handicapped_services"&gt;Handicapped Services&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li runat="server" id="lnkAbout"&gt;&lt;a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false" href="#"&gt;About
                      &lt;i class="fa fa-angle-down"&gt;&lt;/i&gt;
                      &lt;/a&gt;
                          &lt;ul class="dropdown-menu"&gt;
                              &lt;li&gt;&lt;a runat="server" href="about"&gt;About Us&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a runat="server" href="contact"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="faq" runat="server"&gt;FAQ&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;%--       &lt;li class="menu-search"&gt;
                          &lt;span class="sep"&gt;&lt;/span&gt;
                          &lt;i class="fa fa-search search-btn"&gt;&lt;/i&gt;
                          &lt;div class="search-box"&gt;
                              &lt;div&gt;
                                  &lt;div class="input-group input-large"&gt;
                                      &lt;input class="form-control" type="text" placeholder="Search"&gt;
                                      &lt;span class="input-group-btn"&gt;
                                          &lt;asp:Button runat="server" ID="btnSearch" class="btn theme-btn" Text="Go" ToolTip="Search the site" /&gt;
                                      &lt;/span&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/li&gt;--%&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
              &lt;!-- BEGIN TOP NAVIGATION MENU --&gt;
  </code></pre>
  
  <p>if I set display: block !important; on class: .header .navbar-collapse is shown ...all the time. </p>
  
  <p>When i press the toggle button the page does a full post back every time and the "menu" stays open during Page_Load ....than is closed again. </p>
  
  <p>You haev a live version out there if you like to take a look: <a href="http://www.icelandtaxitours.is" rel="nofollow">http://www.icelandtaxitours.is</a>  </p>
  
  <p>Any ideas?</p>