Bouton cliquable ou glyphicon dans list-group-item
Droit maintenant, je suis en train d'insérer une glyphicon ou un bouton dans une list-group-item. Ce que je veux, c'est que lorsque l'utilisateur clique n'importe où dans la list-group-item, ils sont liés à une certaine page, mais quand ils cliquent sur le glyphicon ou le bouton, il lien vers une autre page. Pourquoi j'essaie de faire cela, il continue de mettre la glyphicon bouton ou à l'extérieur de la list-group-les éléments de la boîte. Pourquoi est-ce? Comment puis-je résoudre ce problème?
Beaucoup apprécié.
Code:
<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>
OriginalL'auteur steve-o | 2014-11-23
Vous devez vous connecter pour publier un commentaire.
ici, vous allez:
violon: http://jsfiddle.net/9r14uuLw/
OriginalL'auteur ncosta
Pardon la brièveté (au travail /claqué):
C'est ce que je vais aller avec le reste de mon projet(s)...
Ce travail est le code de mon projet, mes excuses pour le brut de Copier/Coller! La baisse des
<h5>
est simplement pour l'alignement vertical. Lerow
classe ajoutée àdiv.list-group-item
est de prendre un emploi à plein conteneur largeur (en option).#mise en garde:
Pas la totalité de la hauteur est passible de poursuites en tant que lien, mais cela peut être un décent compromis.
Espérons que cette aide!
OriginalL'auteur Cody
Il semble que vous voulez l'ensemble de la list-group-item à un lien, ce qui n'est pas accompli par la réponse fournie. Vous ne pouvez pas avoir un
<a>
balise à l'intérieur d'un autre<a>
tag, donc je pense que vous avez besoin d'utiliser le positionnement absolu pour accomplir ce que vous essayez de faire.Qui devrait être proche de ce que vous êtes après. Je viens d'ajouter quelques styles en ligne pour rapidement vous montrer comment il peut être fait, mais vous aurez probablement envie de venir avec un peu plus de styles génériques pour le réutiliser facilement.
OriginalL'auteur dvanderb