twitter-bootstrap - 列表组项目中的可点击按钮或字形图标

Question

现在我正在尝试在列表组项目中插入字形图标或按钮。我想要的是，当用户单击列表组项目中的任意位置时，他们会链接到某个页面，但是当他们单击字形图标或按钮时，他们会链接到另一个页面。为什么我尝试这样做，它总是将字形图标或按钮放在列表组项目框之外。为什么是这样？我该如何解决这个问题？

非常感谢。

代码:

<div class="list-group">
            <a href="my_django_url" class="list-group-item">
                            <a href="another_django_url"><span class="glyphicon some-glyphicon"></span></a>
            </a>

Answer 1

给你:

<div class="list-group">
    <li class="list-group-item">
        <a href="my_django_url">
           first link
        </a>
        <a href="another_django_url" class="icon">
            <span class="glyphicon glyphicon glyphicon-search"></span>
        </a>
    </li>
</div>

.icon {
    float: right;
}

fiddle :http://jsfiddle.net/9r14uuLw/