Dropdown

<div class="dropdown "> <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown button </button> <ul class="dropdown-menu " aria-labelledby="dropdown-button-id"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </div>
<div class="dropdown "> <a class="btn btn-default-b btn--has-icon btn-icon--is-right" data-toggle="dropdown"> <span class="icon-wrapper"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#arrow-down"></use> </svg> </span> <span class="title"> Dropdown </span> </a> <ul class="dropdown-menu " aria-labelledby="dropdown-button-id"> <li> <span class="navigation-signin"> <a href="http://localhost:8080/account#hide-registration" class="btn btn-primary btn-block navigation-signin-btn" data-collapsetarget="#registration" data-action="close" rel="nofollow"> Anmelden </a> <span class="navigation-register text-center"> oder <a href="http://localhost:8080/account#show-registration" class="text-primary" data-collapsetarget="#registration" data-action="open" rel="nofollow"> registrieren </a> </span> </span> </li> <li><a class="dropdown-item" href="#">Action</a></li> <li> <a class="btn btn-primary"> Inside Dropdown </a> </li> <li> <div class="form-group form-checkbox "> <input type="checkbox" id="Checkbox-1" name="checkboxGroup" /> <label for="Checkbox-1"> <span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> <span class="checkbox-label"> Checkbox </span> </label> </div> </li> </ul> </div>
<div class="dropdown small-navigation-dropdown dropdown-menu-right"> <a class="btn btn-default btn--has-icon" data-toggle="dropdown"> <span class="icon-wrapper"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#arrow-down"></use> </svg> </span> <span class="title"> Dropdown </span> </a> <ul class="dropdown-menu " aria-labelledby="dropdown-button-id"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </div>