Bootstrap glyphicon in span with href

Question

I'm trying to do something like that:

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

That's what I'm getting: http://screenshu.com/static/uploads/temporary/fb/13/x6/vqmhk3.jpg

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

I forgot about something. If I use it outside

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

then that's looking cool.

@edit

Problem solved. I just forgot to put it all into

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

The code should look like that:

<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 question. Thanks.

Answer 1

Problem solved. I just forgot to put it all into

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

The code should look like that:

<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>