Contenedores
- .container: ancho fijo que se adapta
- .container-fluid: ancho completo siempre
- Elige según necesites ancho fijo o completo
Bootstrap
02
El Sistema de Grid
Aprende el sistema de grid de Bootstrap para crear layouts responsive.
Código del tema: grid
📘 Teoría
Las 12 columnas
- Usa .row para crear una fila
- Usa .col para columnas automáticas
- Usa .col-4 para 4 de 12 columnas
- Total: 12 columnas
Breakpoints
- col-: móviles pequeños
- col-sm-: tablets (576px+)
- col-md-: escritorio mediano (768px+)
- col-lg-: escritorio grande (992px+)
- col-xl-: monitores XL (1200px+)