Bootstrap 5.3 Dropdown Pfeil?
Hallo, in einem Dropdown was ich mit Bootstrap erstelle wird der Pfeil unten statt auf der rechten Seite angezeigt
Hier ist der HTML Code von dem Toggle Button des Dropdowns:
<button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<div class="d-flex">
<span class="material-symbols-outlined">language</span>
<span class="ms-2">Automatisch</span>
</div>
</button>
Ich hab schon herausgefunden das der Fehler vom Div kommt, allerdings wenn ich das Div Entferne sieht es so aus:
Wie man sieht ist dort, dann allerdings das Icon nicht mehr Zentriert. Weiß jemand wie man entweder die Positionierung vom Dropdown Pfeil oder die Ausrichtung vom Icon in Ordnung bringen kann.
Vielen Dank schon mal im Voraus für jede Antwort!
1 Antwort
Mh ich würde versuchen das div zu entfernen, wie du es schon getan hast. Dann musst du ein align-items center auf den Button machen, damit das Icon zentriert wird. Die bootstrap class dafür ist: align-items-center. Bedenke das der Button ebenfalls d-flex haben muss. Außerdem benötigt er für align-items-Center auch eine height.
LG.