Agradeceríamos tu apoyo para compartir nuestras secciones sobre las ciencias de la computación.
Solución:
Arranque 4 posee muchos diferentes formas de alinear los elementos de la barra de navegación. float-right no funcionará porque la barra de navegación está ahora flexbox.
Puedes usar mr-auto para el margen derecho automático en el 1º (izquierda) navbar-nav.
Alternativamente, ml-auto podría usarse en el 2do (derecho) navbar-nav o si solo tienes un solo navbar-nav.
https://codeply.com/go/P0G393rzfm
También hay utilidades flexbox. Por ejemplo, use justify-content-end en el menú colapsar:
O cuando tienes 2 navbar-navs, uso justify-content-between en navbar-collapse funcionaría para igualar el espacio entre los navbar-navs:
Actualización para Bootstrap 4.0 y más reciente
A partir de Bootstrap 4 beta, ml-auto seguirá funcionando para empujar elementos a la derecha. Solo tenga en cuenta que el navbar-toggleable- las clases han cambiado a navbar-expand-*
Barra de navegación actualizada a la derecha para Bootstrap 4
Otro escenario frecuente de alineación derecha de Bootstrap 4 Navbar incluye un botón a la derecha que queda fuera del derrumbe del móvil nav para que siempre se muestre en todos los anchos.
Botón de alineación a la derecha que siempre está visible
Relacionado: Bootstrap NavBar con elementos alineados a la izquierda, al centro o a la derecha
Actualización para Bootstrap 5 (ver esta pregunta). ml-auto ha sido reemplazado por ms-auto representar start en vez de left.
En mi caso, solo quería un conjunto de botones/opciones de navegación y descubrí que esto funcionará:
Entonces, agregarás justify-content-end a la div y omitir mr-auto en la lista.
Aquí hay un ejemplo de trabajo.
Para aquellos que todavía tienen problemas con este problema en BS4, simplemente prueben el siguiente código:
Te mostramos las comentarios y valoraciones de los usuarios
Recuerda que puedes difundir este artículo si te ayudó.