Ennek a kódnak a segítségével egy címkefelhő-szerű modult tudunk létrehozni. Sajnos a G-portálon nincs címkefelhő modul, így magunknak kell kialakítani. 

Ez a módszer valamivel bonyolultabb, mint amit a blogon is használok, viszont sokkal szebb és elegánsabb. 

A kód:

<p>

<title></title>

<!-- Bootstrap CSS --></p>

<p>

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />

</p>

<p>

&nbsp;</p>

<div class="container-fluid">

<ul class="list-group">

<li class="list-group-item">

<a href="/">egy</a> <span class="badge">15</span></li>

<li class="list-group-item">

<a href="/">kettő</a> <span class="badge">34</span></li>

<li class="list-group-item">

<a href="/">három</a> <span class="badge">6</span></li>

<li class="list-group-item">

négy <span class="badge">2</span></li>

<li class="list-group-item">

öt <span class="badge">11</span></li>

</ul>

</div>

<!-- jQuery library --><script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script><!-- Bootstrap JS --><script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script><!-- Initialize Bootstrap functionality --><script>

// Initialize tooltip component

$(function () {

  $('[data-toggle="tooltip"]').tooltip()

})

 

// Initialize popover component

$(function () {

  $('[data-toggle="popover"]').popover()

})

</script>