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

I'm using a simplyfied version (just using position relative) based on @SimonEast answer:

li:before {
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    position: relative;
    margin-right: 10px;
    top: 3px;
    color: #ccc;
}