twitter-bootstrap – list-group-item中的可点击按钮或glyphico

发布时间：2020-12-17 20:39:30 所属栏目：安全来源：网络整理

导读：现在我正在尝试在list-group-item中插入glyphicon或按钮.我想要的是,当用户点击list-group-item中的任何位置时,它们会链接到某个页面,但是当他们单击glyphicon或按钮时,它们会链接到另一个页面.为什么我尝试这样做,它会继续将glyphicon或按钮放在list-group-

现在我正在尝试在list-group-item中插入glyphicon或按钮.我想要的是,当用户点击list-group-item中的任何位置时,它们会链接到某个页面,但是当他们单击glyphicon或按钮时,它们会链接到另一个页面.为什么我尝试这样做,它会继续将glyphicon或按钮放在list-group-items框之外.为什么是这样？我怎样才能解决这个问题？

非常感激.

码：

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

解决方法

干得好：

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

小提琴：http://jsfiddle.net/9r14uuLw/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!