title: Bootstrap 4 responsive navbar that collapses at xs width?
body: <p>I'm trying to find an example of the bootstrap 4 responsive navbar that collapses to a hamburger button only at the xs width but is fully visible when wider.</p>
  
  <p>There's a bootstrap 3 <a href="http://getbootstrap.com/components/#navbar" rel="noreferrer">example</a> that Just Works, but nothing for 4 that I've found.</p>
  
  <p>The bootstrap 4 navbar examples page shows a <a href="http://v4-alpha.getbootstrap.com/components/navbar/#collapsible-content" rel="noreferrer">collapsed content</a> version but it's collapsed at all widths.</p>
  
  <p>And below it hints at how to make it work using .navbar-toggler, et. al.</p>
  
  <blockquote>
    <p>For more complex navbar patterns, like those used in Bootstrap v3, use the .navbar-toggleable-* classes in conjunction with the .navbar-toggler. These classes override our responsive utilities to show navigation only when content is meant to be shown.</p>
  </blockquote>
  
  <p>I have minimal bootstrap knowledge so any solution I don't want to fight the framework if there's already a sanctioned way to do this.</p>
  
  <p><strong>Edit:</strong></p>
  
  <p>Actually, the Responsive Navbar example below the <a href="http://v4-alpha.getbootstrap.com/components/navbar/#collapsible-content" rel="noreferrer">Collapsible content</a> in bootstrap 4 documentation does exactly what I was looking for using the <em>navbar-toggleable-xs</em> class. I didn't see it earlier because I didn't make the window narrow enough.</p>