title: Bootstrap justify-content-end not working as expected
body: <p><strong>Problem:</strong> The <code>justify-content-end</code> class not working as expected in the <code>navbar</code> while using Bootstrap 4.</p>
  
  <p>Example: I am attempting to start using css as I spend a lot of time writing custom CSS.  That said, I started trying to get a feel for it without writing any custom CSS.  I am attempting to build a <code>navbar</code> and have copied the following code over from the bootstrap docs:</p>
  
  <pre><code>&lt;nav class="navbar navbar-expand-lg navbar-light bg-light col-12"&gt;
      &lt;ul class="nav justify-content-end"&gt;
          &lt;li class="nav-item"&gt;
              &lt;a class="nav-link active" href="#"&gt;Active&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="nav-item"&gt;
              &lt;a class="nav-link" href="#"&gt;Link&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="nav-item"&gt;
              &lt;a class="nav-link" href="#"&gt;Link&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="nav-item"&gt;
              &lt;a class="nav-link disabled" href="#"&gt;Disabled&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>You will notice the <code>justify-content-end</code> class is added to the <code>navbar</code>.  When checking devtools I also see the styles being applied with that class so I know they are being applied.  However, the <code>nav-links</code> list remains on the left, like so.</p>
  
  <p><a href="https://i.stack.imgur.com/N1mcQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/N1mcQ.png" alt="Local Screenshot"></a></p>
  
  <p>However, on the docs, the same code appears like so.</p>
  
  <p><a href="https://i.stack.imgur.com/zbuCG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zbuCG.png" alt="Docs Screenshot"></a></p>
  
  <p>Is there something that I am missing?</p>