title: Modal to slide up from bottom in Bootstrap 4
body: <p>I'm trying to set up a modal to slide up from bottom but there's no tutorial for Bootstrap 4 that actually works. Here's an attempt:</p>
  
  <p><a href="https://jsfiddle.net/g2qLjntm/" rel="nofollow noreferrer">JSFiddle DEMO</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;button type="submit" class="btn btn-block btn-default footer__btn" data-toggle="modal" data-target="#myModal2"&gt; Open Modal&lt;/button&gt;
  &lt;div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"&gt;
    &lt;div class="modal-dialog" role="document"&gt;
      &lt;div class="modal-content"&gt;
        &lt;div class="modal-body"&gt;
          Body of the modal.
        &lt;/div&gt;
        &lt;div class="modal-footer"&gt;
          &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Close&lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.modal.fade .modal-dialog {
      -webkit-transform: translate(0,100%);
      -ms-transform: translate(0,100%);
      -o-transform: translate(0,100%);
      transform: translate(0,100%);
  }
  </code></pre>