{}
Aprende diseño y desarrollo web
Cursos gratuitos interactivos

Tablas

Crea tablas responsive y estilizadas.

Bootstrap proporciona estilos atractivos para tablas. Puedes añadir striped rows, hover effects y más con clases simples.

  • table: estilo base
  • thead: encabezado
  • tbody: cuerpo
  • table-striped: filas alternas
  • table-hover: efecto hover

Tabla básica

  • table: estilo base
  • thead: encabezado
  • tbody: cuerpo

Variantes

  • table-striped: filas alternas
  • table-hover: efecto hover
  • table-dark: tema oscuro
Bootstrap
08

Tablas

Crea tablas responsive y estilizadas.

¿Cuánto sabes de Bootstrap?

Código del tema: tables

📘 Teoría

Tabla básica

  • table: estilo base
  • thead: encabezado
  • tbody: cuerpo

Variantes

  • table-striped: filas alternas
  • table-hover: efecto hover
  • table-dark: tema oscuro

🧰 Recursos

Test

Comprueba tus conocimientos con un test sobre Bootstrap.

Test de Bootstrap
Recursos del curso 14
📘 Glosario 🎬 Vídeos 🔗 Enlaces 🧩 Snippets
‹
Lección 07
Navbar y Navegación
Lección 09
Carousel
›

¿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 .