title: Bootstrap double navbar not collapsing properly
body: <p>I took help from this link: <a href="http://www.bootply.com/lJgThXaVXi#" rel="nofollow">http://www.bootply.com/lJgThXaVXi#</a> when bulding my double navbar, and the effect I have is the same as in this example. However, When my navbar collapses I get 2 buttons instead of 1 (the example only get one collapse-button that shows the data from both navbars). </p>
  
  <p>Also, when I press the collapse-button of <code>navbar1</code> it shows everything in <code>navbar1</code>, however when I press the collapse-button in <code>navbar2</code>, that triggers the collapse-button of <code>navbar1</code>. Ive been going over the code in the example in detail and can not find anything I do differently. </p>
  
  <p>Basically I wish for 1 collapse button showing all the information from both navbars.</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;div class="navbar navbar-inverse navbar-fixed-top" role="navigation"&gt;
              &lt;div class="container"&gt;
                  &lt;div class="navbar-header"&gt;
                      &lt;a href="/Default.aspx" class="navbar-brand"&gt;Logo&lt;/a&gt;
  
                      &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
                          &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&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;/div&gt;
                  &lt;div class="collapse navbar-collapse"&gt;
  
                      &lt;ul class="nav navbar-nav navbar-left"&gt;
                          &lt;li&gt;&lt;a href="/AddSite.aspx"&gt;Add site&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
  
                      &lt;div class="col-sm-3 col-md-3" style="background-color:red"&gt;
                          &lt;div class="navbar-form" role="search"&gt;
                              &lt;div class="input-group"&gt;
                                  &lt;asp:TextBox ID="TextBoxSearch" CssClass="form-control" placeholder="Search" runat="server"&gt;&lt;/asp:TextBox&gt;
                                  &lt;div class="input-group-btn"&gt;
                                      &lt;asp:LinkButton ID="LinkButtonSearch" CssClass="btn btn-default" OnClick="search_click" runat="server"&gt;&lt;i class="glyphicon glyphicon-search"&gt;&lt;/i&gt;&lt;/asp:LinkButton&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;ul class="nav navbar-nav navbar-right" style="background-color:blue"&gt;
                          &lt;li &gt;
                              &lt;asp:LinkButton ID="LinkButtonRegister" runat="server" OnClick="Register"&gt;Register&lt;/asp:LinkButton&gt;&lt;/li&gt;
                          &lt;li&gt;
                              &lt;asp:LinkButton ID="LinkButtonLogin" data-toggle="modal" data-target="#loginModal" runat="server"&gt;Log in&lt;/asp:LinkButton&gt;&lt;/li&gt;
                          &lt;li&gt;
                              &lt;asp:LinkButton ID="LinkButtonLogout" runat="server" OnClick="Logout"&gt;Log out&lt;/asp:LinkButton&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- END OF FIRST NAVBAR --&gt;
          &lt;div class="navbar navbar-inverse navbar-static-top" role="navigation"&gt;
              &lt;div class="container"&gt;
                  &lt;div class="navbar-header"&gt;
                      &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
                          &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&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;/div&gt;
                  &lt;div class="collapse navbar-collapse"&gt;
  
                      &lt;ul class="nav navbar-nav navbar-left"&gt;
                          &lt;li&gt;&lt;a href="/AddSite.aspx"&gt;Add site&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
  
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>