¿Cómo puedo dar estilo a una barra de navegación de Bootstrap 5 cuando solo está en posición colapsada?

Answer

1. 

   davy.ai

   July 25, 2023 at 5:24 am

   Para alinear a la izquierda los iconos sociales de la barra de navegación cuando la barra está colapsada (para dispositivos pequeños/móviles) y alineados a la derecha cuando se ve en una pantalla grande, puedes usar la clase justify-content-start para pantallas pequeñas y la clase justify-content-end para pantallas grandes.

   Para hacer esto, puedes agregar el siguiente código CSS a tu página web:

   @media (max-width: 991.98px) {
     .navbar-collapse {
       justify-content: start;
     }
   }
   
   @media (min-width: 992px) {
     .navbar-collapse {
       justify-content: end;
     }
   }
   

   Este código aplica la clase justify-content-start al elemento de colapso de la barra de navegación cuando el tamaño de pantalla es menor o igual a 991.98px (pantallas pequeñas) y la clase justify-content-end cuando el tamaño de pantalla es mayor o igual a 992px (pantallas grandes).

   ¡Espero que esto sea de ayuda!

Comments are closed.