Live-Beispiel
HTML-Quelltext
<label id="selectDepartmentLabel"> Abteilung: </label>
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-labelledby="selectDepartmentLabel" > Bitte auswählen ... </button>
<ul class="dropdown-menu" >
<li> <a class="dropdown-item" href="#"> Präsident </a> </li>
<li> <a class="dropdown-item" href="#"> Präsidialbüro </a> </li>
<li> <a class="dropdown-item" href="#"> Knowledge Exchange and Outreach </a> </li>
<li> <a class="dropdown-item" href="#"> Computational Social Science </a> </li>
<li> <a class="dropdown-item" href="#"> Data and Research on Society </a> </li>
<li> <a class="dropdown-item" href="#"> Data Services for the Social Sciences </a> </li>
<li> <a class="dropdown-item" href="#"> Knowledge Technologies for the Social Sciences </a> </li>
<li> <a class="dropdown-item" href="#"> Survey Data Curation </a> </li>
<li> <a class="dropdown-item" href="#"> Survey Design and Methodology </a> </li>
<li> <a class="dropdown-item" href="#"> Administration </a> </li>
<li> <a class="dropdown-item" href="#"> IT Infrastruktur und Services </a> </li>
</ul>
</div>