https://www.larentis.eu/switch/
Just include Twitter Bootstrap, jQuery, Bootstrap Switch CSS and Javascript
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8;" />
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<link rel="stylesheet" href="bootstrapSwitch.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="bootstrapSwitch.js"></script> // master
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/1.3/bootstrapSwitch.min.js"> // from cdnjs.com
If you want to use your bootstrap vars edit bootstrapSwitch.less and then compile the less file
lessc static/less/bootstrapSwitch.less static/stylesheets/bootstrapSwitch.css
<div class="switch">
<input type="checkbox">
</div>