Im Moment habe ich folgendes auf der Oberfläche:

Aber zwischen den Knöpfen mit dembolt, plus-circle undgear Ich möchte keine Lücke. Ich habe die Lücken dort, weil es scheint, als ob es obligatorisch ist, laut diesem Kommentar in den Bootstrap Components-Dokumenten:

Verwenden Sie eine beliebige Schaltfläche, um ein Dropdown-Menü auszulösen, indem Sie es in eine .btn-Gruppe einfügen und das richtige Menü-Markup bereitstellen.

Im Moment ist die Lücke also da, weil die Schaltflächen in folgendem Format angeordnet sind:

<div class="btn-toolbar" role="toolbar">
    <div class="btn-group btn-group-sm">
        <button type="button" title="Focusing" ... >
            <span class='fa fa-bolt '></span>
        </button>
    </div>
    <div class="btn-group btn-group-sm">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
            <span class='fa fa-plus-circle '></span>
            <span class='fa fa-caret-down '></span>
        </button>
        <ul class="dropdown-menu" role="menu">
            ...
        </ul>
    </div>
    <div class="btn-group btn-group-sm">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
            <span class='fa fa-gear '></span>
            <span class='fa fa-caret-down '></span>
        </button>
        <ul class="dropdown-menu" role="menu">
            ...
        </ul>
    </div>
</div>

Ist es möglich, mehr als eine Dropdown-Liste pro Schaltflächengruppe zu haben?

Wenn ja, wie würde ich das machen? So wie es aussieht, kann ich einzelne Schaltflächen vor einem Dropdown-Menü platzieren, aber nicht mehrere Dropdown-Menüs.

Wenn ich mehrere Dropdown-Menüs in dieselbe Schaltflächengruppe lege, werden sie alle ausgelöst, wenn auf eines geklickt wird.