MDL with Bootstrap issues

A demo to show issues of MDL with Bootstrap

by Nikil Mathew

HTML

<script src="https://fonts.googleapis.com/icon?family=Material+Icons"></script>
<link rel="stylesheet" href="https://code.getmdl.io/1.2.1/material.indigo-pink.min.css">
<script src="https://code.getmdl.io/1.2.1/material.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
    <input class="mdl-textfield__input" type="text" id="textfield" />
    <label class="mdl-textfield__label" For="textfield">A text field's placeholder text</label>
  </div>