Ejercicio de programación con Bootstrap: Conocimiento general de Bootstrap
Código
0h 20m
Ejercicios de Bootstrap CSS con código conocimiento general, interfaces de usuario con bootstrap y clases de utilidad.
Desarrolla una página HTML que cumpla con los siguientes requisitos:
- Una barra de navegación colapsable en la parte superior de la página con padding de 1rem con las secciones Inicio, Precios y Contacto.
- Un sistema grid con dos columnas que se conviertan en una sola columna en pantallas pequeñas (
<576px
). - Un texto en negrita de color azul dentro de una columna del grid y un texto en cursiva de color rojo en otra columna del grid.
- Un formulario con los siguientes elementos:
- Un campo de entrada para el correo electrónico.
- Un campo de entrada para la contraseña.
- Un botón verde para enviar el formulario.
Requisitos técnicos
- Utiliza las clases de Bootstrap para implementar el diseño solicitado.
- No es necesario incluir el archivo CSS de Bootstrap en el código, pero asume su inclusión en la evaluación.
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
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
Componentes de Bootstrap
Código
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
Conocimiento general de Bootstrap
Evaluación