title: Making a React Bootstrap NavDropdown dropdown when hovered over
body: <p>I'm trying to have a dropdown menu bar in React Bootstrap show the options when you <strong>hover</strong> over it. I've looked everywhere and all the solutions seem out of date and not to work, please let me know if you are able to solve this problem.  </p>
  
  <p>Here is the dropdown menu I am trying to apply the change to:  </p>
  
  <pre><code>&lt;Navbar&gt;
    &lt;NavDropdown title="Dropdown Menu"&gt;
      &lt;NavDropdown.Item href="#action/3.1"&gt;Option 1&lt;/NavDropdown.Item&gt;
      &lt;NavDropdown.Item href="#action/3.1"&gt;Option 2&lt;/NavDropdown.Item&gt;
    &lt;/NavDropdown&gt;
  &lt;/Navbar&gt;
  </code></pre>
  
  <p>and here is a <a href="https://codesandbox.io/s/react-bootstrap-nav-active-link-rr112" rel="nofollow noreferrer">sandbox</a> of the above code.  </p>