title: React Bootstrap Dropdown component doesn't receive any styling
body: <p>I already installed <a href="https://react-bootstrap.github.io/" rel="nofollow noreferrer">react-bootstrap</a> with yarn <code>yarn add react-bootstrap bootstrap</code>.</p>
  <p>I am using dropdown component but when I display it, it doesn't show like it's suppose to:</p>
  <p><a href="https://i.stack.imgur.com/Meejg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Meejg.png" alt="enter image description here" /></a></p>
  <p>This is what I need</p>
  <p><a href="https://i.stack.imgur.com/TQtf7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TQtf7.png" alt="enter image description here" /></a></p>
  <p>This is my code for that</p>
  <pre><code>import React from &quot;react&quot;;
  import { Dropdown } from &quot;react-bootstrap&quot;;
  // import PropTypes from &quot;prop-types&quot;;
  import &quot;../Dropdown/index.css&quot;;
  
  const DropdownItem = () =&gt; {
    return (
      &lt;Dropdown&gt;
        &lt;Dropdown.Toggle variant=&quot;success&quot; id=&quot;dropdown-basic&quot;&gt;
          Dropdown Button
        &lt;/Dropdown.Toggle&gt;
  
        &lt;Dropdown.Menu&gt;
          &lt;Dropdown.Item href=&quot;#/action-1&quot;&gt;Action&lt;/Dropdown.Item&gt;
          &lt;Dropdown.Item href=&quot;#/action-2&quot;&gt;Another action&lt;/Dropdown.Item&gt;
          &lt;Dropdown.Item href=&quot;#/action-3&quot;&gt;Something else&lt;/Dropdown.Item&gt;
        &lt;/Dropdown.Menu&gt;
      &lt;/Dropdown&gt;
    );
  }
  
  export default DropdownItem;
  </code></pre>
  <p>I don't know why the dropdown is unstyled.</p>