Dropdowns

Normale Dropdowns

Eine Funktion Weitere Funktion Noch eine Funktion
Separierter Link 
<div class="btn-group">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
        Dropdown
    </button>
    <div class="dropdown-menu">
        <a class="dropdown-item" href="#">Eine Funktion</a>
        <a class="dropdown-item" href="#">Weitere Funktion</a>
        <a class="dropdown-item" href="#">Noch eine Funktion</a>
        <div class="dropdown-divider"></div>
        <a class="dropdown-item" href="#">Separierter Link</a>
    </div>
</div>

Dropups

Eine Funktion Weitere Funktion Noch eine Funktion 
<div class="btn-group dropup">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
        Dropup
    </button>
    <div class="dropdown-menu">
        <a class="dropdown-item" href="#">Eine Funktion</a>
        <a class="dropdown-item" href="#">Weitere Funktion</a>
        <a class="dropdown-item" href="#">Noch eine Funktion</a>
    </div>
</div>

Ausrichtung

Eine Funktion Weitere Funktion Noch eine Funktion 
<div class="text-right">
    <div class="btn-group">
        <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
            Dropdown
        </button>
        <div class="dropdown-menu dropdown-menu-right">
            <a class="dropdown-item" href="#">Eine Funktion</a>
            <a class="dropdown-item" href="#">Weitere Funktion</a>
            <a class="dropdown-item" href="#">Noch eine Funktion</a>
        </div>
    </div>
</div>