title: Why Is collapseOnSelect not working in this Navbar
body: <p>Trying to get a Navbar to collapseOnSelect when using react bootstrap... seems to not be working?</p>
  <p>Here are my imports...</p>
  <pre><code>import React, {Component} from 'react';
  import Nav from 'react-bootstrap/Nav';
  import Navbar from 'react-bootstrap/Navbar';
  import {BrowserRouter as Router, Route, Link} from 'react-router-dom';
  import {Container} from 'react-bootstrap';
  import './App.css'
  import 'bootstrap/dist/css/bootstrap.min.css';
  </code></pre>
  <p>And Here's my Navbar...</p>
  <pre><code> &lt;Navbar collapseOnSelect fixed=&quot;top&quot; bg=&quot;dark&quot; expand=&quot;lg&quot; variant=&quot;dark&quot;&gt;
    &lt;Navbar.Brand href=&quot;/&quot;&gt;&lt;img src={LifeBar} alt=&quot;logo&quot; thumbnail style={{height: 100, marginLeft: 20}} className=&quot;logos&quot;/&gt;&lt;/Navbar.Brand&gt;
    &lt;Navbar.Toggle aria-controls=&quot;basic-navbar-nav&quot; /&gt;
    &lt;Navbar.Collapse id=&quot;basic-navbar-nav&quot;&gt;
      &lt;Nav className=&quot;ml-auto&quot;&gt;
      &lt;Link className=&quot;nav-link&quot; to=&quot;/&quot;&gt;Home&lt;/Link&gt;
      &lt;Link className=&quot;nav-link&quot; to=&quot;/bio&quot;&gt;Bio&lt;/Link&gt;
      &lt;Link className=&quot;nav-link&quot; to=&quot;/appearances&quot;&gt;Appearances&lt;/Link&gt;
      &lt;Link className=&quot;nav-link&quot; to=&quot;/support&quot;&gt;Support&lt;/Link&gt;
      &lt;/Nav&gt;
    &lt;/Navbar.Collapse&gt;
  &lt;/Navbar&gt;
  </code></pre>