title: Bootstrap 4 modal not showing on IE
body: <p>i've just made some modals for a webpage and they worked fine on chrome, but i tested them on IE 11 and they didn't show. Here's my code...</p>
  
  <pre><code>&lt;section id="my-modals"&gt;
          &lt;div class="modal fade" id="tilingModal" tabindex="-1" role="dialog" aria-labelledby="tilingModalTitle" aria-hidden="true"&gt;
              &lt;div class="modal-dialog" role="document"&gt;
                  &lt;div class="modal-content"&gt;
                      &lt;div class="modal-header"&gt;
                          &lt;h5 class="modal-title" id="tilingModalTitle"&gt;Tiling&lt;/h5&gt;
                          &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;
                              &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
                          &lt;/button&gt;
                      &lt;/div&gt;
                      &lt;div class="modal-body"&gt;
                          &lt;p class="lead"&gt;Parkwood Roofing carry out all tiling work to the tiling manufacturer's specifications.
                              &lt;br&gt;&lt;br&gt;
                              Tiling can be a choice of concrete, slate, machine made clay or hand made clay tiles.
                              &lt;br&gt;&lt;br&gt;
                              Parkwood Roofing will help you choose the correct tile for the roof pitch and colour to match the building and surroundings.&lt;/p&gt;
                          &lt;img src="Images/IMG_5.jpg" alt=""&gt;
                      &lt;/div&gt;
                      &lt;div class="modal-footer"&gt;
                          &lt;button type="button" class="btn btn-secondary" data-dismiss="modal"&gt;Close&lt;/button&gt;
                          &lt;button type="button" class="btn btn-success"&gt;Contact Us!&lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="modal fade" id="leadworkModal" tabindex="-1" role="dialog" aria-labelledby="leadworkModalTitle" aria-hidden="true"&gt;
              &lt;div class="modal-dialog" role="document"&gt;
                  &lt;div class="modal-content"&gt;
                      &lt;div class="modal-header"&gt;
                          &lt;h5 class="modal-title" id="leadworkModalTitle"&gt;Leadwork&lt;/h5&gt;
                          &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;
                              &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
                          &lt;/button&gt;
                      &lt;/div&gt;
                      &lt;div class="modal-body"&gt;
                          &lt;p class="lead"&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati vero harum omnis dolorum tempore odio asperiores,
                              &lt;br&gt;&lt;br&gt;
                              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio numquam, obcaecati harum dolor atque iste repellat tempore, impedit laudantium. Ad sequi doloremque qui ratione animi omnis magnam nam ipsum aperiam.
                              &lt;br&gt;&lt;br&gt;
                              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid inventore iure optio earum voluptate temporibus consectetur sunt eum deserunt corrupti, eos hic at, ullam fuga doloremque assumenda officiis animi! Numquam.&lt;/p&gt;
                          &lt;img src="Images/IMG_5.jpg" alt=""&gt;
                      &lt;/div&gt;
                      &lt;div class="modal-footer"&gt;
                          &lt;button type="button" class="btn btn-secondary" data-dismiss="modal"&gt;Close&lt;/button&gt;
                          &lt;button type="button" class="btn btn-success"&gt;Contact Us!&lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/section&gt; &lt;!-- Modals End --&gt;
  </code></pre>
  
  <p>Is there a way to get it working on IE? I've seen that if you remove 'fade' class from the div it fixes this issue but it didn't work for me. :(</p>