title: bootstrap-toggle switch is showing up as a checkbox
body: <p>I have a ToggleSwitch component in react which I have made using <code>bootstrap-toggle</code>. But it is showing up as a checkbox and not as a toggle switch. Any help on this how to make it work?</p>
  
  <p><strong>ToggleSwitch.js</strong></p>
  
  <pre><code>import React, { Component } from "react";
  import "bootstrap/dist/css/bootstrap.css";
  import "bootstrap-toggle/css/bootstrap-toggle.css";
  
  class ToggleSwitch extends Component {
    render() {
      return (
        &lt;div className="toggle-switch"&gt;
          &lt;input
            type="checkbox"
            data-toggle="toggle"
            data-on="Ready"
            data-off="Not Ready"
            data-onstyle="success"
            data-offstyle="danger"
          /&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default ToggleSwitch;
  </code></pre>