title: Having trouble to use justify-content: space-between; in react-bootstrap
body: <p>My problem is that justify-content: space-between seems doesnt work in my code.</p>
  
  <pre><code>import React from 'react';
  import {Button, Navbar, Nav, NavDropdown} from 'react-bootstrap';
  import '../styles/headerStyle.scss';
  const Header = () =&gt; (
    &lt;React.Fragment&gt;
      &lt;Navbar collapseOnSelect expand='lg' bg='dark' variant='dark'&gt;
        &lt;Navbar.Brand href='#home'&gt;React-Bootstrap&lt;/Navbar.Brand&gt;
        &lt;Navbar.Toggle aria-controls='responsive-navbar-nav' /&gt;
        &lt;Navbar.Collapse id='responsive-navbar-nav'&gt;
          &lt;Nav&gt;
            &lt;div className='container'&gt;
              &lt;Nav.Link&gt;Features&lt;/Nav.Link&gt;
              &lt;Nav.Link&gt;Pricing&lt;/Nav.Link&gt;
              &lt;NavDropdown title='Dropdown' id='collasible-nav-dropdown'&gt;
                &lt;NavDropdown.Item href='#action/3.1'&gt;Action&lt;/NavDropdown.Item&gt;
                &lt;NavDropdown.Item href='#action/3.2'&gt;
                  Another action
                &lt;/NavDropdown.Item&gt;
                &lt;NavDropdown.Item href='#action/3.3'&gt;Something&lt;/NavDropdown.Item&gt;
                &lt;NavDropdown.Divider /&gt;
                &lt;NavDropdown.Item href='#action/3.4'&gt;
                  Separated link
                &lt;/NavDropdown.Item&gt;
              &lt;/NavDropdown&gt;
              &lt;Nav.Link&gt;More deets&lt;/Nav.Link&gt;
              &lt;Nav.Link eventKey={2} href='#memes'&gt;
                Dank memes
              &lt;/Nav.Link&gt;
            &lt;/div&gt;
          &lt;/Nav&gt;
        &lt;/Navbar.Collapse&gt;
      &lt;/Navbar&gt;
    &lt;/React.Fragment&gt;
  );
  export default Header;
  </code></pre>
  
  <p>Here is stylesheet:</p>
  
  <pre><code>.container {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
  }
  </code></pre>
  
  <p>Here is my current result:
  <a href="https://i.stack.imgur.com/GCW8C.png" rel="noreferrer">current header </a></p>
  
  <p>Here is the tutorial I follow,  I am not sure where do I make mistakes in my code. Thanks in advance for any help!</p>