Wenn ich ein Bootstrap-Dropdown in ein div platziere, das das Dropdown mit CSS "text-align: center" zentriert, erscheint das Dropdown-Menü in der ursprünglichen unzentrierten Position des Dropdown-Menüs. Das Dropdown-Fenster scheint nicht zu wissen, dass der Auslöserknopf verschoben wurde.
Das Problem wird in diesem Fall dargestellt:
Die Geige enthält den folgenden Code:
%Vor%Danke für Hinweise, wie Sie das beheben können.
Wenn Sie die Klasse btn-group zum Element .dropdown hinzufügen, wird das Dropdown-Menü korrekt positioniert.
Der Grund dafür ist, dass die Klasse das folgende CSS hinzufügt. Das Dropdown-Menü ist dabei absolut relativ zum übergeordneten Element positioniert.
%Vor%Alternativ können Sie auch Folgendes hinzufügen:
%Vor%Tags und Links html css3 twitter-bootstrap twitter-bootstrap-3