Boostrap 4 Navbar Comprimi Menu Allinea a destra

Sto usando Bootstrap 4 e sto cercando di creare il menu che si apre facendo clic sul pulsante Collapse per aprire sul lato destro invece che a sinistra. Ho provato a utilizzare “ml-auto” sull’elemento “ul”. Gli elementi della barra di navigazione sono correttamente sul lato destro quando non è compresso. Quando è collassato, il pulsante è correttamente sul lato destro, ma il menu si apre a sinistra. Ho anche provato a mettere “ml-auto” nel div ma non ha funzionato. Ecco il mio HTML:

 

Mi sento come se ci fosse una soluzione semplice ma non riesco a capirlo. Grazie per l’aiuto!

Basta aggiungere una semplice regola al tuo css.

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

Secondo http://getboototrap.com/docs/4.0/components/navs/#horizontal-alignment , il modo per centrare, giustificare a destra o giustificare a sinistra le cose nel menu a tendina collassato della barra di navigazione è usare justify-content-end e amici nella class di un nav .

Esempio. Questo codice produce l’immagine che segue.

  

inserisci la descrizione dell'immagine qui

Ora modifica quella riga per:

  

i rendimenti

inserisci la descrizione dell'immagine qui

Nota che evidentemente non ha nulla a che fare con ml-auto , che quando manca causa voci del menu non collassate (su uno schermo più largo) per non essere giustificato a destra. (Il pulsante Toggler è sempre giustificato per me.) Solo justify sembra controllare la roba nel menu non rilegato.