Ejercicio de programación con Bootstrap: Componentes de Bootstrap
Código
Aprende a crear una tarjeta en Bootstrap 5.3 que incluye una imagen, título, texto descriptivo, badge y botón. Mejora tus habilidades en diseño web.
Crea una tarjeta (card) utilizando Bootstrap 5.3 que incluya los siguientes elementos:
- Una imagen en la parte superior.
- Un título en el cuerpo de la tarjeta.
- Un texto descriptivo en el cuerpo de la tarjeta.
- Un badge (insignia) en la parte superior derecha del cuerpo de la tarjeta.
- Un botón en la parte inferior del cuerpo de la tarjeta.
Asegúrate de utilizar las clases de Bootstrap correctamente para estilizar cada uno de estos elementos. La tarjeta debe ser de un ancho de 18rem.
Todos los ejercicios de programación de Bootstrap
Evalúa tus conocimientos con ejercicios de programación en Bootstrap de tipo Test, Puzzle, Código y Proyecto con VSCode.
Listado y formulario de productos en Bootstrap CSS
Proyecto
Utilidades de colores y fondo
Código
Instalación de Bootstrap
Código
Página web completa con Bootstrap
Proyecto
Tipografía y fuentes en Bootstrap
Puzzle
Clases de utilidad
Código
Flexbox en Bootstrap
Puzzle
Utilidades de espaciado y alineación
Puzzle
Conocimiento general de Bootstrap
Código
Conocimiento general de Bootstrap
Test
Fundamentos del sistema de grid de Bootstrap
Código
Imágenes responsive en Bootstrap
Código
Proyecto blog de artículos con Bootstrap CSS
Proyecto
Introducción a Bootstrap
Test
Formularios y validación
Código
Modales y ventanas emergentes
Test
Navbars y menús de navegación en Bootstrap
Puzzle
Certificados de superación de Bootstrap
Supera todos los retos de Bootstrap y obtén estos certificados de superación para mejorar tu currículum y tu empleabilidad.
Tutorial para resolver este ejercicio de programación
Bootstrap
Componentes de Bootstrap
Componentes