Formularios con Bootstrap

Crea formularios profesionales y bien estructurados.

Bootstrap hace que crear formularios sea muy fácil. Proporciona estilos profesionales para todos los tipos de inputs, labels y mensajes de ayuda.

  • form-label para las etiquetas
  • form-control para los inputs
  • mb-3 para spacing entre campos
  • form-text para ayuda
  • text, email, password

Formulario básico

  • form-label para las etiquetas
  • form-control para los inputs
  • mb-3 para spacing entre campos
  • form-text para ayuda

Tipos de inputs

  • text, email, password
  • checkbox y radio
  • select con form-select
  • textarea
Bootstrap
05

Formularios con Bootstrap

Crea formularios profesionales y bien estructurados.

Código del tema: forms

📘 Teoría

Formulario básico

  • form-label para las etiquetas
  • form-control para los inputs
  • mb-3 para spacing entre campos
  • form-text para ayuda

Tipos de inputs

  • text, email, password
  • checkbox y radio
  • select con form-select
  • textarea

🧰 Recursos

Test

Comprueba tus conocimientos con un test sobre Bootstrap.

Test de Bootstrap

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros 😉.

Esta la hice en febrero de 2026 para facilitar el aprendizaje de mis alumnxs. Aprender desarrollo web practicando. La idea es que crezca semanalmente con nuevos temas, tests y retos.

Inspirado en MDN, en W3Schools, en Codepen, en el crack de Manz y en mil sitios de documentación sobre desarrollo web. Quería aportar además de bloques teóricos con ejemplos, la gamificación de los retos y el sistema de test que ya tenía en culTest .

Si te gustó, si no te gustó, si quieres saludarme, o invitarme a 🍻 no dudes en escribirme en cristianeslava@gmail.com .