4 #permalink Top-bar
This is the top-bar of the site
Example
<ul class="nav nav-tabs hidden-xs">
<li class="active">
<a class="" href="#">Home</a>
</li>
<li class="">
<a class="" href="#">E-Learning</a>
</li>
<li class="">
<a class="" href="#">Catalogo</a>
</li>
</ul>
<ul class="nav nav-tabs visible-xs">
<script type="text/javascript">
(function ($) {
$(window).load(function () {
var dropdown_title = $('.tabs-dropdown').find('.active').text();
$('.dropdown-title').html(dropdown_title);
})
})(jQuery);
</script>
<li class="dropdown">
<a href="javascript:void(0)" class="dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<span class="dropdown-title">E-Learning</span> <span class="caret"></span>
</a>
<ul class="dropdown-menu dropdown-menu-left tabs-dropdown">
<li>
<a href="#">Home</a>
</li>
<li class="active">
<a href="#">E-Learning</a>
</li>
<li>
<a href="#">Percorsi formativi</a>
</li>
<li>
<a href="#">Libreria contenuti</a>
</li>
<li>
<a href="#">Comunicazioni</a>
</li>
<li>
<a href="#">Classe</a>
</li>
<li>
<a href="#">Catalogo Corsi</a>
</li>
<li>
<a href="#">Videoconferenza</a>
</li>
</ul>
</li>
</ul>
<ul class="nav nav-pills">
<li class="">
<a class="icon--all" href="#">Tutti i corsi aperti</a>
</li>
<li class="">
<a class=" icon--concluded" href="#">Conclusi</a>
</li>
<li class="">
<a class=" icon--active" href="#">In itinere</a>
</li>
</ul>
Example
<ul class="nav nav-tabs hidden-xs">
<li class="">
<a class="" href="#">Home</a>
</li>
</ul>
Example
<ul class="nav nav-tabs hidden-xs">
<li class="active">
<a class="" href="javascript:void(0);">Home</a>
</li>
</ul>
Example
<ul class="nav nav-pills">
<li class="">
<a class="icon--all" href="#">Tutti i corsi aperti</a>
</li>
<li class="">
<a class="icon--concluded" href="#">Conclusi</a>
</li>
<li class="">
<a class="icon--active" href="#">In itinere</a>
</li>
</ul>