title: Clickable button or glyphicon within list-group-item
body: <p>Right now I am trying to insert a glyphicon or button within a list-group-item. What I want is that when the user clicks anywhere within the list-group-item, they are linked to a certain page, but when they click the glyphicon or button, they link to another page. Why I try to do this, it keeps putting the glyphicon or button outside of the list-group-items box. Why is this? How can I fix this?</p>
  
  <p>Much appreciated.</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;div class="list-group"&gt;
              &lt;a href="my_django_url" class="list-group-item"&gt;
                              &lt;a href="another_django_url"&gt;&lt;span class="glyphicon some-glyphicon"&gt;&lt;/span&gt;&lt;/a&gt;
              &lt;/a&gt;
  </code></pre>
  
  <p></p>