title: Bootstrap 3 container with justify-content: space-between not working properly
body: <p>I am trying to apply flex to bootstrap 3 container and found strange behaviour of child elements Here is the code.</p>
  
  <pre><code>&lt;div class="container"&gt;
     &lt;div class="child"&gt;One&lt;/div&gt;
     &lt;div class="child"&gt;Two&lt;/div&gt;
  &lt;/div&gt;
  
  .container {
    display: flex;
    justify-content: space-between;
  }
  </code></pre>
  
  <p>(see example on jsfiddle <a href="https://jsfiddle.net/Arsenii/147nkw4z/" rel="nofollow noreferrer">JSFiddle</a>)</p>
  
  <p>I cannot find out what's the problem with the space-between.</p>
  
  <p>Thank you for the help.</p>