title: Add Text Hint to Bootstrap Navbar Toggle Button on Mobile-View
body: <p>Some tests have shown that the "hamburger" button for collapsable menus on mobile devices are mysteries to users and I would like to add the word "Menu" next to my Bootstrap menu button as seen in mobile-view.</p>
  
  <p>For further reading check out this article: 'The Hamburger is Bad for You': <a href="http://mor10.com/hamburger-bad/">http://mor10.com/hamburger-bad/</a></p>
  
  <p>Here is the basic Bootstrap Code:</p>
  
  <pre><code>&lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
      &lt;!-- Represents navbar collapsed menu on smaller screens --&gt;
    &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
      &lt;!-- 3 horizontal lines on small screen nav button --&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;
  </code></pre>
  
  <p>So, I'd like to add the word "MENU" next to the icon on mobile. I made a mockup of what I'm talking about but I don't have a high enough reputation on SO to post it.</p>
  
  <p>Check it out here: <a href="https://imgur.com/M7hGS7F">https://imgur.com/M7hGS7F</a></p>
  
  <ul>
  <li>FYI this is a mockup, the actual Bootstrap page does not contain the MENU text or else I'd just look at the source.</li>
  </ul>
  
  <p>If you could provide info on how to include is as (A) simply text next to the button &amp; (B) as part of the button so it could be clicked that'd be awesome. Thanks in advance for your help with this solution!</p>