Bienvenido a la Comunidad de Treehouse

¿Quieres colaborar en errores de código? ¿Tienes errores que necesitan comentarios? ¿Buscas un par de ojos adicionales en tu último proyecto? aquí.

¿Buscas aprender algo nuevo?

Treehouse ofrece una prueba gratuita de siete días para estudiantes nuevos. Obtén acceso a miles de horas de contenido y únete a miles de

Inicia tu prueba gratuita

CSS Conceptos básicos de Bootstrap Usar Componentes Bootstrap Construyendo una barra de navegación

La clase de margen derecho no se está aplicando

<nav class=navbar navbar-expand-lg navbar-dark bg-primary>
    <div class=container container-fluid>
      <a class=navbar-brand order-1 mr-0 href=https://www.teamtreehouse.com target='_blank'>Presentado por Treehouse</a>

mr-0 debería eliminar el margen pero la clase no se está aplicando a la página web, ¿por qué? Al entrar en las herramientas de desarrollador y eliminar manualmente los márgenes, cambia el valor del margen pero la clase no se está leyendo.

Brandon White
sello-máscara
.a{fill-rule:evenodd;}techdegree seal-36
Brandon White
JavaScript Full Stack Graduado de Techdegree 35,774 Puntos

Hola Kirt,

¿Hay alguna posibilidad de que pudieras proporcionar un enlace a tu área de trabajo para que podamos ver lo que tú estás viendo?

2 Respuestas

Brandon White
sello-máscara
.a{fill-rule:evenodd;}techdegree seal-36
Brandon White
JavaScript Full Stack Graduado de Techdegree 35,774 Puntos

Gracias Kirt,

Creo que he encontrado cuál es el problema. El curso trata sobre Bootstrap 4 (que era la versión más reciente en el momento de la grabación), pero estás vinculando Bootstrap 5 a tu código. En Bootstrap 5, mr ha sido cambiado a me. Así que si cambias tu clase para el elemento anchor a me-0 en lugar de mr-0 deberías obtener los resultados que estás buscando.

He incluido un enlace a continuación en la Documentación que trata sobre el cambio.

https://getbootstrap.com/docs/5.0/migration/

¡Aprecio la respuesta rápida! Esto tiene todo el sentido. Básicamente, izquierda y derecha se reemplazan con inicio y fin en Bootstrap 5. Gracias.

Brandon White

https://w.trhou.se/9dwc6o66vh

El texto "Presentado por Treehouse" tiene un margen derecho que no está siendo sobrescrito con las instrucciones del video para mí.