title: Is it posible to make an input checkbox a Bootstrap glyphicon?
body: <p>Is it posible to make an input checkbox a Bootstrap glyphicon?</p>
  
  <p>I want to make up the default checkboxes with a nice Bootstrap glyphicon.
  For example: <code>glyphicon glyphicon-unchecked</code> and when checked: <code>glyphicon glyphicon-check</code>.</p>
  
  <p>I've tried this:</p>
  
  <pre><code>input[type='checkbox'] {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e157";
  }
  </code></pre>
  
  <p>But nothing happened..</p>
  
  <p>I don't know if that's posible?</p>