Ein konkretes Beispiel:
/**** Bootstrap 3.2 additions ****/
/* becouse of no use of javascript */
/* Dialogue */
.self-modal {
display: block !important;
background-color: rgba(0,0,0,0.5) !important;
}
.self-modal:target{
display: none !important;
}
/* Cover */
.self-stock {
display: none;
}
.self-cover:hover .self-stock {
display: block;
}
dann in das Template eingefügt
<ul class="nav navbar-nav">
<li class="nav-item dropdown self-cover active">
<a class="nav-link dropdown-toggle" href="[link-A]">
[alias-A]<b class="caret"></b>
</a>
<ul class="dropdown-menu self-stock">
<li>
<a class="dropdown-item" href="[link-A-1]">
[articles-A][alias-A-1]
</a>
</li>
[...]
</ul>
</li>
[...]
</ul>