Bootstrap Toggle

by Kai_Draord

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://gitcdn.github.io/bootstrap-toggle/2.2.0/css/bootstrap-toggle.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.0/js/bootstrap-toggle.min.js"></script>
<form>
    <div class="checkbox">
        <label>
            <input type="checkbox" checked="checked" />
            Checkbox One
        </label>
    </div>
    <div class="checkbox">
        <label>
            <input type="checkbox"/>
            Checkbox Two
        </label>
    </div>
    <div class="checkbox">
        <label>
            <input type="checkbox" data-toggle="toggle" checked="checked" />
            Toggle One
        </label>
    </div>
    <div class="checkbox">
        <label>
            <input type="checkbox" data-toggle="toggle" data-on=" " data-off=" "/>
            Toggle Two
        </label>
    </div>
    <div>
        <input type="reset" class="btn btn-default"/>
    </div>
</form>

CSS

body { margin: 10px }