title: Reactstrap DropdownMenu bottom overflow issue
body: <p>I have searched the <code>reactstrap</code> docs but unfortunately it only provides <code>DropdownMenu:right</code> property. What I wanted to achieve is to somehow auto align the drop menu on the bottom such that it won't overflow.</p>
  <p><a href="https://i.stack.imgur.com/GSaHL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GSaHL.png" alt="enter image description here" /></a></p>
  <pre><code>import { 
      UncontrolledButtonDropdown,
      DropdownToggle, 
      DropdownMenu, 
      DropdownItem
  } from &quot;reactstrap&quot;;
  
  &lt;UncontrolledButtonDropdown direction=&quot;left&quot;&gt;
      &lt;DropdownToggle color=&quot;secondary&quot; size=&quot;sm&quot;&gt;
          &lt;i className=&quot;pe-7s-more btn-icon-wrapper&quot;&gt;&lt;/i&gt;
      &lt;/DropdownToggle&gt;
      &lt;DropdownMenu&gt;
          &lt;DropdownItem onClick={some_action}&gt;{some_label}&lt;/DropdownItem&gt;
      &lt;/DropdownMenu&gt;
  &lt;/UncontrolledButtonDropdown&gt;
  </code></pre>
  <p>Is there any way i can get around this issue?</p>