title: Bootstrap 4 navbar justify-content-end not working in IE10
body: <p>I'm having trouble with Bootstrap 4 in IE10; I made a navbar with a phone number/linked-in link on the right using justify-content-end which works perfectly until I checked it in IE10, the website is required to work on IE10 specifically so it is a problem. The code is as follows:</p>
  
  <pre><code>&lt;nav class="navbar navbar-expand-md navbar justify-content-center bigText blueBG"&gt;
  &lt;!-- Dropdown toggler for small devices --&gt;
  &lt;button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"&gt;
      &lt;span class="fas fa-bars text-white"&gt;&lt;/span&gt;
  &lt;/button&gt;
  &lt;!-- Links --&gt;
  &lt;div class="navbar-collapse collapse w-100 justify-content-center ml-5" id="navbar"&gt;
      &lt;a class="nav-item nav-link text-white link" href="home"&gt;Home&lt;/a&gt;
      &lt;a class="nav-item nav-link text-white link" href="#"&gt;#&lt;/a&gt;
      &lt;a class="nav-item nav-link text-white link" href="tool"&gt;Tool&lt;/a&gt;
      &lt;a class="nav-item nav-link text-white link" href="contact"&gt;Contact&lt;/a&gt;
      &lt;a class="nav-item nav-link text-white link" id="finalLink" href="documentatie"&gt;Documentatie&lt;/a&gt;
  &lt;/div&gt;      
  &lt;div class="navbar-collapse collapse justify-content-end"&gt;
      &lt;a href="tel:+0123456789"&gt;
          &lt;i class="fas fa-phone text-white"&gt;&lt;/i&gt;
      &lt;/a&gt;
      &lt;a href="https://www.linkedin.com/"&gt;
          &lt;i class="fab fa-linkedin text-white ml-2"&gt;&lt;/i&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>The problem is that the navbar just cuts off near the right end of the page, after that it's just the white background and a blue square.</p>