Wie erstellt man eine Funktionalität eines Dropdown-Menüs, das eine kleine Beschreibung in Sideway-Spalte hat, wenn man über einen Link schwebt? Kann es durch reines CSS erreicht werden?Seitenbeschreibung bei Hover im Dropdown-Menü in Bootstrap
http://codepen.io/anon/pen/aNyORv
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!--/.navbar-header-->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Two Column <b class="caret"></b></a>
<ul class="dropdown-menu multi-column columns-2">
<div class="row">
<div class="col-sm-6">
<ul class="multi-column-dropdown">
<li><a href="#">title 1</a></li>
<li><a href="#">title 2</a></li>
</ul>
</div>
<div class="col-sm-6">
<ul class="multi-column-dropdown">
<li>This is visible by default or when hovering over Title 1</li>
<li>This is hidden but visible when hovering over Title 2</li>
</ul>
</div>
</div>
</ul>
</li>
</ul>
</div>
<!--/.navbar-collapse-->
</nav>
<!--/.navbar-->
Vielen Dank, ich werde den Code erkunden. Ich wusste, Bootstrap hat Code für Tooltips, aber ich hätte nie gedacht, dass es in diesem Beispiel nützlich sein könnte. Für mobile Benutzer ist diese Beschreibung nur für Desktop-Benutzer erforderlich, ich werde versuchen, sie auf anderen Bildschirmen zu verbergen – Marko