Link in einer list-group-item Klasse (selbst ein Link) in Twitter Bootstrap

8

(Wie) Kann ich einen Link in ein Twitter-Bootstrap-Objekt "list-group-item" einfügen, das selbst ein Link ist, ohne das Listen-Gruppen-Item-Format zu verfälschen? (siehe unten)

%Vor%     
user2975887 10.11.2013, 10:06
quelle

2 Antworten

6

Sie können <a> -Tags nicht in anderen <a> -Tags verwenden, das ist ungültiges HTML. Überprüfen Sie diese Frage.

Sie können es jedoch mit jQuery klickbar machen, mit einem Hack wie diesem:

HTML - Verwenden Sie stattdessen ein div mit einer benutzerdefinierten Klasse und einigen Daten-Tags:

%Vor%

CSS - es scheint wie ein Link:

%Vor%

JS - der spaßige Teil:

%Vor%

Ich habe auch eine JSFiddle erstellt.

    
Pedro Moreira 23.01.2015 12:39
quelle
0

Ich bin verwirrt, willst du, dass das Ganze ein Link ist? Es kann ein paar mehr Schritte dauern - nichts, was ein wenig kopieren und einfügen kann nicht umgehen - aber warum nicht einfach manuell ein "a" -Tag zu jedem der Kinder der "list-group"

    
Pytth 21.02.2014 15:46
quelle

Tags und Links