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 Navegación en Línea y Botones Desplegables

Pie de página no alineado

https://w.trhou.se/zm8oghctee Este es mi espacio de trabajo, el pie de página no está alineado como en el video, ¿qué está mal?

Hola Nas,

No estoy seguro si ya lo has logrado arreglar o no, pero intenta agregar la versión actual de bootstrap al encabezado, también podría cambiar algunas otras cosas, por ejemplo la función jumbotron no existe en 5.0, pero debería arreglar el posicionamiento del pie de página.

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0" crossorigin="anonymous">

También puedes encontrarlo aquí: https://getbootstrap.com/docs/5.0/getting-started/download/

¡espero que esto ayude!

Hola, gracias por ayudar. Copié y pegué tu código y reemplacé lo que había en el encabezado y aún no ayuda. Luego fui a bootstrap y obtuve las etiquetas de script actualizadas y las reemplacé en la parte inferior de la etiqueta body, si no me equivoco. Aún no funciona, todo el contenido del pie de página se va y se queda en el lado izquierdo. https://w.trhou.se/alxdryua10 Este es mi espacio de trabajo si deseas ver mi código.

2 Respuestas

Hola Nas,

Tuve el mismo problema con la lista desplegable en la mía también, lo arreglé cambiando data-bs-toggle en la línea 150 a data-toggle, e hice lo mismo con algunos de los otros elementos también, no estoy seguro de qué exactamente -bs- significa, pero tenía una serie de elementos que no se mostraban correctamente hasta que eliminé -bs- del medio en estas clases.

¡Espero que ayude!

Rich Donnellan
Rich Donnellan
27,741 puntos

Yo diría que -bs- significa Bootstrap.

¡Eso lo arregló, gracias por la ayuda!

Rich Donnellan
Rich Donnellan
27,741 puntos

Hola Nas,

Verifica la línea 137 en tu espacio de trabajo. Tienes un div class="col-md-7"></div>.

vacío. Según el video, la lista desordenada debe estar contenida en esto. Solo mueve el cierre </div> debajo del cierre </ul>. Eso debería ponerte en el camino correcto.

Espero que esto te ayude.

Hola, gracias por ayudar, eso lo arregló. Sin embargo, surgió un nuevo problema: el botón desplegable no se despliega, no sé por qué. Vi que otro usuario tuvo el mismo problema y reemplazó sus etiquetas de script, ya hice eso, si no me equivoco, así que este problema no debería estar sucediendo pero sigue ocurriendo. https://w.trhou.se/8tbdn88kz2 Aquí está mi espacio de trabajo.