Boostrap 4 Navbar Collapse Menü Right Align

Question

Ich benutze Bootstrap 4 und ich versuche, das Menü zu öffnen, indem Sie auf die Schaltfläche zum Ausblenden klicken, um auf der rechten Seite statt der linken Seite zu öffnen. Ich habe versucht, "ml-auto" auf dem "ul" -Element zu verwenden. Die Navigationselemente sind auf der rechten Seite korrekt, wenn sie nicht minimiert sind. Wenn es ausgeblendet ist, ist die Schaltfläche auf der rechten Seite korrekt, aber das Menü wird auf der linken Seite angezeigt. Ich habe auch versucht, "ml-auto" in das Div zu setzen, aber das hat nicht funktioniert. Hier ist mein HTML:

Ich fühle mich wie es ist eine einfache Lösung, aber ich kann es nicht herausfinden. Danke für die Hilfe!

Answer 1

Fügen Sie einfache Regel zu Ihrem CSS hinzu.

.nav-item{ 
    text-align: right; 
}