voor de weergave van het etiket, tagsort.is: « de tagsort eenvoudige voorbeelden zoals hieronder aangegeven, <.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int = "en" > < hoofd > < charset = "- -" > < titel > tagsort demonstratie < /titel > <.Die stijl... > < stijl > http: //europa.eu.int, oude lichaam (marge: 0; 0;} {achtergrond kleur:&#fff); het lettertype familie: "helveticaneue licht", "helvetica Neue licht", "helvetica Neue", "zwarte, Ariel, lucida Grande", sans serif lettertype. Gewicht: 300;} {breedte: 80% van de container; deposito 's: 0 -;} H1 > kleine (kleur:&#AAA; de tekst -: geen; de lettergrootte: 70%; de marge: 10 pixels;} H1 > kleur:&#die kleine: {} {doos 000; afmetingen: de grens. - project.X; drijven: links, positie ten opzichte van de minimale hoogte:;: 1 - pixel; vol links: 15px; vol rechts: 15px; breedte: 20%; in het kader van de marges: 30px; lengte: 360px; de maximale hoogte: 360px; overloop: verbergen;} {achtergrond kleur. Het project. De verpakking:&#gevuld: 8px; de hoogte van f4f4f4;: 100%;}. Projecten. De verpakking IMG - (breedte: 100%;}. Project. De verpakking. Het etiket van het product (kleur:&#AAA; de lettergrootte: 12px; lengte: 1.8;} {etiket container. Tagsort marge: 30px 0;} < /stijl >< link href = "styles/tagsort.min.css" rel = "stylesheet" type = "text/css" > < /link> < '"=" scripts/jquery-2.1.3.min.js "type =" tekst /javascript "charset =" utf - 8 "> < /script> <'" = "scripts/tagsort.min.js" type = "tekst /javascript" charset = "utf - 8" > < /script> < script> $(functie) ($('div.tags-container').TagSort ({selector:'.item', tagWrapper:'span', displaySelector:'.item-tags', displaySeperator: "/", inclusive: vals, fadeTime:200});}); < /script> < /head> < body> < die klasse = ":" > < die klasse = "tags-contaIs de rij "> < /div> < die col-md-3 klasse =" item "data-item-id =" 1 "data-item-tags =" PHP javascript, tot het reageren, RocksDB, Cassandra, door de "> < die klasse =" andere "> < IMG -" = "images/facebook.jpg" alt = "Facebook" > < h2> Facebook< /h2> P = < klasse "item-tags" > < /p> < /div> < /div> < die col-md-3 klasse = "item" data-item-id = "2" data-item-tags = "van mysql, javascript:, rails, onze nieuwe tot,,, 147 523 wcrkgelegenheidsstatistiek" > < die klasse = "andere" > < IMG - "=" images/twitter.jpg "alt =" Twitter "> < h2> Twitter</h2> < P = "van klasse item-tags" > < /p> < /div> < /div> < die klasse = "item col-md-3" data-item-id = '3' data-item-tags = "van mysql, Node.js, Python javascript, reageren, Java, Cassandra" > < die klasse = "verpakking" > < IMG - "=" images/netflix.jpg "alt =" netflix "> < h2> Netflix< /h2> < P =" van klasse item-tags "> < /p> < /div> < /div> < die klasse =" item col-md-3 "data-item-id" 4 "data-item-tags = = = = = = =" van mysql, Node.js, Python, Java, C, postgresql, 147 523 wcrkgelegenheidsstatistiek, de productie "> < die klasse =" andere "> < IMG -De "=" images/uber.jpg "alt =" Uber "> < h2> Uber< /h2> < P =" van klasse item-tags "> < /p> < /div> < /div> < die klasse =" item col-md-3 "data-item-id =" 5 "data-item-tags =" van mysql, tot de Python., ("> < die klasse =" andere "> < IMG -" = "images/dropbox.jpg" alt = "dropbox" > < h2> Dropbox< /h2> < P = "van Klasse item-tags" > < /p> < /div> < /div> < die klasse; = 'item col-md-3 "data-item-id =' 6 'data-item-tags =" Python, Java, Cassandra, onze, onze postgresql, "> < die klasse =" wrApper in "> < IMG -" = "images/spotify.jpg" alt = "net" > < h2> Spotify< /h2> P = < klasse "item-tags" > < /p> < /div> < /div> < die col-md-3 klasse = "item" data-item-id = "7" data-item-tags = "van mysql, javascript:, ruby, 147 523 wcrkgelegenheidsstatistiek (,, rails, sass" > < die klasse = "andere" > < IMG - "=" images/kickstarter.jpg "alt =" Kickstarter "> < h2> Kickstarter< /h2> P = < klasse" item-tags "> < /p> < /div> < /div > < die klasse =" item col-md-3 "data-item-id =" 8 "data-item-tags =" gaan, rUby, mysql, 147 523 wcrkgelegenheidsstatistiek tot sass, rails,,, ("> < die klasse =" andere "> < IMG -" = "images/digitalocean.jpg" alt = "DigitalOcean" > < h2> DigitalOcean< /h2> P = < klasse "item-tags" > < /p> < /div> < /div> < die klasse = "item col-md-3" data-item-id = "9" data-item-tags = "ruby, de transactie mysql (,,, tot het scala PHP,,, 147 523 wcrkgelegenheidsstatistiek" > < die klasse = "andere" > < IMG - "=" images/tumblr.jpg "alt =" tumbler "> < h2> Tumblr< /h2> < P = item-tags" of "> < /p> < /div> < /div> < div ClKont = "item col-md-3" data-item-id = "10" = "(data-item-tags, van mysql, 147 523 wcrkgelegenheidsstatistiek, rails, ruby, onze" > < die klasse = "andere" > < IMG - "=" images/shopify.jpg "alt =" Shopify "> < h2> Shopify< /h2> < P); klasse =" item-tags "> < /p> < /div> < /div> < die klasse =" item col-md-3 "data-item-id =" elf "data-item-tags =" javascript:, 147 523 wcrkgelegenheidsstatistiek, Java, gaan, Cassandra,. "> < die klasse =" andere "> < IMG -" = "images/stackexchange.jpg alt =" stack "uitwisseling" > < h2> Stack Exchange< /h2> < P = "van klasse item-tags" > < /p>< /div > < /div > < die gegevens col-md-3 = "projecten" - "12" gegevens "(= 147 523 wcrkgelegenheidsstatistiek, etikettering, de productie, de Python, Java, javascript, reactie, scala, Cassandra" > < die soort = "pakket" > < IMG - src = "beelden /keenio." "(= artikel IO" > < H > artikel IO < /H > < P = project "etikettering" > < /P > < /div > < /div > < /div. > < /body > < /html > in het kader van de resultaten die met de negatieve;, alsjeblieft. Hier.