Bootstrap glyphicon between href

Question

I am trying to do something like this:

<a href=''><span class='glyphicon glyphicon-cog'></span></a> 

What I get: http://screenshu.com/static/uploads/temporary/fb/13/x6/vqmhk3.jpg

And what I want to get: http://screenshu.com/static/uploads/temporary/p2/fm/al/3o8yvo.jpg

I forgot something. If I use it outside

 <div class='col-md-1'> 

then it looks cool.

@edit

The problem is resolved. I just forgot to put it all in

 <li class='list-group-item'> 

The code should look like this:

 <li class='list-group-item'> <div class='row'> <div class='col-md8'> <a href='./settings'><span class='glyphicon glyphicon-cog'></span></a> </div> </div> </li> 

Sorry for the question. Thanks.

Answer 1

The problem is resolved. I just forgot to put it all in

 <li class='list-group-item'> 

The code should look like this:

 <li class='list-group-item'> <div class='row'> <div class='col-md8'> <a href='./settings'><span class='glyphicon glyphicon-cog'></span></a> </div> </div> </li>