title: Bootstrap button on navbar menu toggle
body: <pre><code>&lt;nav class="navbar navbar-inverse navbar-fixed-top"&gt;
    &lt;div class="container-fluid"&gt;
      &lt;div class="navbar-header"&gt;
        &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"&gt;
          &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
          &lt;span class="icon-bar" /&gt;
          &lt;span class="icon-bar" /&gt;
          &lt;span class="icon-bar" /&gt;
        &lt;/button&gt; &lt;a class="navbar-brand" href="#"&gt;QA&lt;/a&gt;
        &lt;button type="button" class="btn btn-default navbar-btn"&gt;Sign in&lt;/button&gt;
      &lt;/div&gt;
      &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;
        &lt;ul class="nav navbar-nav"&gt;
          &lt;li class="active"&gt;
            &lt;a href="#"&gt;About&lt;span class="sr-only"&gt;(current)&lt;/span&gt;&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="dropdown"&gt;
            &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"&gt;Menu&lt;span class="caret"/&gt;&lt;/a&gt;
            &lt;ul class="dropdown-menu"&gt;
              &lt;li&gt;
                &lt;a href="#"&gt;Action&lt;/a&gt;
              &lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>My question is the following:
  Is it possible in Bootstrap to have the button from the navbar inside the 
  toggle menu as a link and not as a button? 
  Lets say the user goes from desktop to mobile resolution and he clicks the hamburger menu and the link 'Sign In' is displayed but not as a button anymore</p>
  
  <p><a href="https://i.stack.imgur.com/ongjs.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ongjs.jpg" alt="enter image description here"></a></p>