title: JQuery dropdown menu in tandem with Bootstrap 4, child elements not expanding
body: <p>Have a look at this <a href="http://jsfiddle.net/guse16y4/" rel="nofollow noreferrer">JSfiddle</a>.</p>
  
  <p>The root menus expands on mouseover, as expected. But the child-items does not.</p>
  
  <p>If you remove <code>&lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css"/&gt;</code> from the <code>&lt;head&gt;</code>-section, it will indeed work.</p>
  
  <p>What is causing this conflict, and how can it be resolved?</p>