title: display inline-flex in Internet Explorer
body: <p>im using bootstrap, and angularjs to create a web app, and im trying to create a input-group, and im using <code>display: inline-flex</code> and it works great in Chrome but not in IE, here is what i have in my CSS and some screen shots.</p>
  
  <pre><code>.input-group {
      display: inline-flex !important;
      height: 31px;
  }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/Lc255.png" alt="inline-flex chrome">
  <img src="https://i.stack.imgur.com/FvfXn.png" alt="inline-flex IE"></p>
  
  <p>thanks in advance.</p>
  
  <p><a href="http://plnkr.co/edit/vc9YGOUv6fZsFoWr6h2S?p=preview" rel="nofollow noreferrer">Example in Plnkr</a></p>
  
  <p>edit: here is a plunker i created to recreate my question, if you open the plnkr in Chrome the input stack but if you open in IE is like nothing happen.</p>