Using a Glyphicon as an LI bullet point (Bootstrap 3)

Question

How can I change the bullet points in an HTML list and use the glyphicons that come with Bootstrap 3?

So that:

Answer 1

If you want happen to be using LESS it can be achieved like so:

li {
    .glyphicon-ok();

    &:before {            
        .glyphicon();            
        margin-left:-25px;
       float:left;
    }
}