Replace native checkboxes with their glyphicon equivalent

glyphicon-checkbox.css

input[type="checkbox"].glyphbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 0;
    outline: none;
}
input[type="checkbox"].glyphbox:before {
    font-family: 'Glyphicons Halflings';
    font-size: 18px;
    content: "\e157";
}
input[type="checkbox"][disabled].glyphbox:before {
    color: #999;
}
input[type="checkbox"].glyphbox:checked:before {
    content: "\e067";
}