title: Material design input with bootstrap-4
body: <p>I am creating a vue webapp and using <a href="http://v4-alpha.getbootstrap.com/" rel="nofollow noreferrer">bootstrap-4</a> as CSS framework. I want to have input fields like <a href="https://material.google.com/components/text-fields.html#text-fields-required-fields" rel="nofollow noreferrer">material design</a>, But bootstrap have only older design of <a href="http://v4-alpha.getbootstrap.com/components/input-group/" rel="nofollow noreferrer">input fields</a> with border on all sides and no floating label.</p>
  
  <p>What can be best way to get this done?</p>