title: ml-auto is not pushing navbar links to the right
body: <p>I'm using <code>reactstrap</code> and have been following this link:</p>
  
  <p><a href="https://reactstrap.github.io/components/navbar/" rel="noreferrer">https://reactstrap.github.io/components/navbar/</a></p>
  
  <p>In the example, the <code>&lt;nav className='ml-auto' navbar&gt;</code> is pushing the <code>&lt;NavItem&gt;</code> to the right. However, what I am trying to implement (which is really similar to the example) the <code>&lt;NavItem&gt;</code> is rendering right next to the <code>&lt;NavbarBrand&gt;</code>. </p>
  
  <p>I've checked the syntax like 100 times and it looks correct. The custom CSS I have, which is very little, does not seem to be overriding anything. The CSS in the console looks pretty similar and it appears to be affected by the:</p>
  
  <pre><code>.ml-auto, .mx-auto {
      margin-left: auto!important;
  }
  </code></pre>
  
  <p>At least toggling it off in the console in the example, moves the <code>&lt;NavItem&gt;</code> right next to the <code>&lt;NavbarBrand&gt;</code> like it is in my app (which I don't want). Here is what I am looking at:</p>
  
  <p><strong>Reactstrap Example (correct spacing):</strong></p>
  
  <p><a href="https://i.stack.imgur.com/hGrRQ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/hGrRQ.png" alt="Correct spacing"></a>
  <a href="https://i.stack.imgur.com/Y0MmQ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Y0MmQ.png" alt="enter image description here"></a></p>
  
  <p><strong>Console for my app (incorrect spacing):</strong>
  <a href="https://i.stack.imgur.com/DMyD3.png" rel="noreferrer"><img src="https://i.stack.imgur.com/DMyD3.png" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/4S3NJ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/4S3NJ.png" alt="enter image description here"></a></p>
  
  <p><strong>How do I get the spacing right in my app?</strong></p>
  
  <p>It really isn't clear to me what is affecting <code>margin-left: auto !important</code> to work in one and not the other.</p>