title: Bootstrap glyphicon in span with href
body: <p>I'm trying to do something like that:</p>
  
  <pre><code>&lt;a href=''&gt;&lt;span class='glyphicon glyphicon-cog'&gt;&lt;/span&gt;&lt;/a&gt;
  </code></pre>
  
  <p>That's what I'm getting: <a href="http://screenshu.com/static/uploads/temporary/fb/13/x6/vqmhk3.jpg" rel="noreferrer">http://screenshu.com/static/uploads/temporary/fb/13/x6/vqmhk3.jpg</a></p>
  
  <p>And that's what I want to get:
  <a href="http://screenshu.com/static/uploads/temporary/p2/fm/al/3o8yvo.jpg" rel="noreferrer">http://screenshu.com/static/uploads/temporary/p2/fm/al/3o8yvo.jpg</a></p>
  
  <p>I forgot about something. If I use it outside </p>
  
  <pre><code>&lt;div class='col-md-1'&gt;
  </code></pre>
  
  <p>then that's looking cool. </p>
  
  <p>@edit</p>
  
  <p>Problem solved. I just forgot to put it all into</p>
  
  <pre><code>&lt;li class='list-group-item'&gt;
  </code></pre>
  
  <p>The code should look like that:</p>
  
  <pre><code>&lt;li class='list-group-item'&gt;
     &lt;div class='row'&gt;
        &lt;div class='col-md8'&gt;
            &lt;a href='./settings'&gt;&lt;span class='glyphicon glyphicon-cog'&gt;&lt;/span&gt;&lt;/a&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Sorry for question. Thanks.</p>