title: Flexbox Vertical and horizontal center with bootstrap classes
body: <p>I am trying to vertically align my login screen. <a href="https://jsfiddle.net/snnz7c35/" rel="noreferrer">Here is my code in JS Fiddle</a> and used the css </p>
  
  <pre><code>.flexbox-container {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -webkit-box-align: center;.
      align-items: center;
  }
  </code></pre>
  
  <p>I am not getting my items vertically centered. Will i wont be able to achieve it since i use bootstrap class to horizontal center.</p>