Bootstrap o Grid/Flexbox a pelo en 2026?

Antonia G.
12 de Agosto del 2026

Pregunta para variar de las peticiones de ayuda: en 2026, con Grid y Flexbox soportados en todos los navegadores modernos desde hace años, ¿seguís tirando de Bootstrap (u otro framework CSS) por defecto, o ya montáis el layout a pelo?

A favor de Grid/Flexbox a pelo: cero KB de CSS que no vas a usar, control total sobre cada breakpoint sin pelear contra las clases que ya trae el framework, y ya no hace falta memorizar un sistema de clases propio (col-md-6, d-flex...) cuando el CSS nativo hace lo mismo de forma más directa.

A favor de un framework como Bootstrap: componentes ya resueltos y probados en mil sitios (modales, dropdowns, validación de formularios con estados visuales), consistencia automática entre desarrolladores de un mismo equipo sin tener que ponerse de acuerdo en convenciones propias, y velocidad para prototipos donde el diseño final importa menos que tenerlo funcionando ya.

Mi impresión después de ver bastantes proyectos: para el layout en sí (columnas, distribución, espaciados), Grid/Flexbox nativo ha ganado terreno claramente y tiene sentido casi siempre. Donde Bootstrap (o similares) sigue aportando de verdad es en los componentes interactivos ya resueltos, ahí reimplementar un modal accesible desde cero, con el foco gestionado correctamente y compatible con lector de pantalla, no es tan trivial como parece.

¿Vosotros qué hacéis en proyectos nuevos?

Antonia G.


Jota CT
12 de Agosto del 2026

Para el layout en sí (columnas, distribución del espacio), Grid/Flexbox a pelo me parece claramente mejor opción hoy. El soporte de navegadores lleva siendo prácticamente universal desde hace muchos años, y no arrastras el peso de todo el CSS del sistema de rejilla de Bootstrap para algo que el propio navegador resuelve de forma nativa y con más control real (Grid especialmente, con áreas nombradas, es mucho más expresivo que 12 columnas fijas).

Donde Bootstrap (o cualquier framework de componentes similar) sigue ganando claramente es en todo lo que no es puro layout: modales, navbars responsive con su comportamiento de colapso ya resuelto, tooltips, validación visual de formularios, dropdowns accesibles... Montar todo eso desde cero con Flexbox/Grid + JS propio lleva su tiempo, y Bootstrap te lo da ya probado y (razonablemente) accesible de serie.

Mi combinación habitual hoy: Grid/Flexbox nativo para toda la estructura de la página, y tirar de una librería de componentes (Bootstrap u otra) solo para los widgets de interacción concretos que necesito, no para el grid completo. Te ahorras el peso del CSS del sistema de rejilla que no vas a usar.

Jota