title: Bootstrap 4 dropdown is not working in a project generated with create-react-app
body: <p>My project uses <code>create-react-app</code> and I'm trying to implement a drop-down. To implement Bootstrap, I've copied the source code of the CSS file and pasted in an SCSS file. I then generated the CSS using <code>node-sass-chokidar</code> and imported the Bootstrap theme in <code>App.scss</code> file, and <code>App.js</code> at the root project imports the <code>App.css</code>, because importing the SCSS won't work:</p>
  
  <p><strong>App.scss</strong>:</p>
  
  <pre><code>@import "./styles/bootstrap.scss";
  @import ...
  @import ...
  </code></pre>
  
  <p><strong>App.js</strong>:</p>
  
  <pre><code>import ...
  import ...
  import "App.css";
  ...
  </code></pre>
  
  <p>It works like this like a charm, but I'm having problems with the drop-down. I believe it's due to jQuery. I tried adding the module to the project and using <code>import "jquery";</code> and <code>import $ from "jquery";</code> within the component that makes use of the drop-down classes, as well as importing the jQuery CDN in <code>index.html</code>. Both cases did not work.</p>