[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_28":-5,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"routes/_store+/_readers+/email_author.$slug/route",{"_9":10,"_11":-5},"book",{"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":23},"currentUser","id","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvNTY2NjI","title","Bootstrap 5 desde Cero: Desarrolladores Web","state","published","contactAuthorMethod","email","aboutText","

Descubre cómo construir interfaces web modernas, limpias y responsivas con Bootstrap 5 a través de una guía práctica pensada para aprender paso a paso. En este libro recorrerás desde los fundamentos del framework hasta temas más avanzados como personalización con Sass, modo oscuro nativo, integración con Vue 3 y Livewire, rendimiento en producción y creación de formularios avanzados.

A lo largo de los capítulos aprenderás a organizar contenido con contenedores y columnas, trabajar con los componentes más importantes de Bootstrap, aplicar utilidades visuales, personalizar estilos y desarrollar proyectos reales como una tienda en línea básica y una aplicación que consume una API mediante fetch. Todo esto con un enfoque claro, práctico y orientado a resultados.
Capítulo 1 - Introducción a Bootstrap 5: En este capítulo daremos unos conceptos claves sobre el frameworks, ventajas de emplear Bootstrap y qué cambios trae con su antecesora, además, prepararemos el entorno de desarrollo.

Capítulo 2 - Contenedores: En este capítulo presentamos una introducción a los contenedores en Bootstrap como estructura fundamental para organizar nuestro contenido correctamente en una web y que tenga una correcta visualización; además, presentamos otras características comunes como los puntos de interrupción de Bootstrap presentes en otros componentes.

Capítulo 3 - Columnas: En este capítulo conoceremos cómo emplear el sistema de grillas y columnas de Bootstrap.

Capítulo 4 - Componentes en Bootstrap: En este capítulo conoceremos cómo trabajar con los componentes principales en Bootstrap, que son los elementos fundamentales en esta tecnología.

Capítulo 5 - Utilidades: En este capítulo conoceremos cómo emplear las clases de ayudas en Bootstrap también conocidas como clases de utilidades con las cuales, podemos establecer colores, márgenes entre otros formatos al contenido HTML.

Capítulo 6 - Personalizar el CSS de Bootstrap: En este capítulo aprenderemos a generar nuestro bundle de Bootstrap personalizado empleando Sass.

Capítulo 7 - Practica con componentes: En este capítulo crearemos algunos componentes compuestos o personalizados utilizando como base los componentes de Bootstrap y sus clases de utilidad.

Capítulo 8 - Desarrollar webs con Bootstrap: En este capítulo construiremos una web real que es una especie de web de ventas de productos o tienda en línea con un alcance muy limitado, también crearemos una web en la cual, realizaremos consultas mediante fetch a una API.

Capítulo 9 - Modo Oscuro Nativo y Sistemas de Temas: Aprende a implementar y personalizar el modo oscuro nativo en Bootstrap 5.3+ mediante data-bs-theme, variables CSS, mapas Sass y un selector dinámico persistente.

Capítulo 10 - Integración de Bootstrap 5 en Vue 3 y Livewire: Domina la integración reactiva de Bootstrap 5 en Vue 3 y Laravel Livewire. Evita fugas de memoria y reinicializa tooltips y modales usando hooks del DOM.

Capítulo 11 - Rendimiento y Optimización de Bootstrap en Producción: Optimiza tus proyectos de Bootstrap 5 al máximo: aprende sobre importaciones granulares de Sass, configuración avanzada de PurgeCSS y el uso de SVGs inline.

Capítulo 12 - Formularios Avanzados y Validación Dinámica: Crea formularios profesionales con Bootstrap 5 implementando validación nativa HTML5, estados de carga dinámicos y barras de progreso para subida de archivos.

","authors",[24],{"_12":25,"_26":27,"_28":29},"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci81OTc1OQ","name","Andrés Cruz Yoris","user",{"_30":31},"avatar",{"_32":33,"_34":35,"_36":37},"url","https://d39qdlcrvnra4b.cloudfront.net/avatars/2508444/medium/vn2LgXaB_400x400.jpg?1646511308","styleName","medium","exists",true,"shoppingCartId","shoppingCart",{"_12":71,"_72":73,"_74":37,"_75":76,"_77":78,"_79":80,"_81":37},"locale","en","readerTheme","light","constants",{"_69":70},"publishers",{"_65":66,"_67":68},"learnerOrganizations",[],"needsLocaleCookieSync",false,"announcements",{"_59":60,"_61":-5},"sentryEnvironment","production","sentryRelease","cce21d19a0d9612afdbced29947de1d8868e588b","announcement_store",{"_62":52,"_63":64},"announcement_authors","flag","text","

Kick off your book project, get started with GhostAI, get better at marketing, or spend the day doing all three! Free live workshops on Zoom. Saturday, June 27, 2026.

\n","companies",[],"universities",[],"paypalClientId","AX53Cwz8jR6rVVzzZiZNWWXl0dGagi-GZrjG-S3Ua14E5nrKMn7DxDQ730O4R8LusLPp49ALn6aRVaEy","no-cart","count",0,"free","updatedAt","","paymentGateway","STRIPE","cartItems",[],"loading"]

Email the Author