title: Make Bootstrap 3.0 NavBar content always collapsed
body: <p>I need to make a section of a NavBar of Bootstrap 3.0 always collapsed.</p>
  
  <p>Actual sections of the navbar:</p>
  
  <ul>
  <li>Links</li>
  <li>Search Form</li>
  <li>Login Form</li>
  </ul>
  
  <p>When I open the website in a phone I see the three sections collapsed and I have three icons to collapse each of this content.</p>
  
  <p>When I open the page in a PC i see the three sections in the bar visibles (not the buttons to collapse). What I need? In PC view only hide the Login form and show the button to collapse that login form. No matter the resolution i need to have the login button always visible and the section collapsed. This is my actual code:</p>
  
  <pre><code>&lt;nav class="navbar navbar-inverse" role="navigation"&gt;
      &lt;div class="navbar-header"&gt;
          &lt;!--Toggles --&gt;
          &lt;button type="button" class="navbar-toggle boton" 
                  data-toggle="collapse" data-target="#sesion"&gt;
              &lt;span class="glyphicon glyphicon-user"&gt;&lt;/span&gt;
          &lt;/button&gt;
          &lt;button type="button" class="navbar-toggle boton"
                  data-toggle="collapse" data-target="#links" id="menuToggle"&gt;
              &lt;span class="glyphicon glyphicon-align-justify"&gt;&lt;/span&gt;
          &lt;/button&gt;
          &lt;button type="button" class="navbar-toggle boton" 
                  data-toggle="collapse" data-target="#buscar"&gt;
              &lt;span class="glyphicon glyphicon-search"&gt;&lt;/span&gt;
          &lt;/button&gt;
          &lt;!--Logo en vista Mobile --&gt;
          &lt;a class="navbar-brand" style="padding: 10px 0 0 15px" href="#"&gt;
              &lt;span class="visible-xs"&gt;
                  &lt;img src="img/nsnow.png" width="37" height="36" alt="Logo" /&gt;
              &lt;/span&gt;
          &lt;/a&gt;
      &lt;/div&gt;
  
      &lt;ul class="collapse navbar-collapse nav navbar-nav" id="links"&gt;
          &lt;!--Links --&gt;
          &lt;li&gt;&lt;a style="padding-left: 40px"&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li class="botonMenu" id="boton_generos"&gt;&lt;a &gt;Géneros&lt;/a&gt;&lt;/li&gt;
          &lt;li class="botonMenu" id="boton_categorias"&gt;&lt;a &gt;Categorías&lt;/a&gt;&lt;/li&gt;
          &lt;li class="botonMenu" id="boton_senales"&gt;&lt;a &gt;Señales&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;div class="collapse navbar-collapse" id="buscar"&gt;
          &lt;!--Buscar --&gt;
          &lt;form class="navbar-form navbar-right" role="search"&gt;
              &lt;div class="form-group"&gt;
                  &lt;input type="text" class="form-control" placeholder="Buscar"&gt;
              &lt;/div&gt;
              &lt;button type="submit" class="btn boton"&gt;
                  &lt;span class="glyphicon glyphicon-search"&gt;&lt;/span&gt;
              &lt;/button&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  
      &lt;div class="collapse navbar-collapse" id="sesion"&gt;
          &lt;!--Buscar --&gt;
          &lt;form class="navbar-form navbar-right" role="search"&gt;
              &lt;div class="form-group"&gt;
                  &lt;input type="text" class="form-control" placeholder="Usuario"&gt;
                  &lt;input type="text" class="form-control" placeholder="Contraseña"&gt;
              &lt;/div&gt;
              &lt;button type="submit" class="btn boton"&gt;
                  &lt;span class="glyphicon glyphicon-search"&gt;&lt;/span&gt;
              &lt;/button&gt;
           &lt;/form&gt;
       &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>