
Learning Bootstrap 4, 2nd Edition
Matt Lambert
- Editorial
- Packt
- Año
- 2016
- Páginas
- ~246
- Nivel
- Básico
De qué trata
Segunda edición de la introducción de Matt Lambert a Bootstrap, reescrita para Bootstrap 4, que en 2016 todavía estaba en fase alfa. Es un libro para principiantes: no hace falta haber usado Bootstrap, pero sí saber HTML, CSS y algo de JavaScript, y no asustarse con la línea de comandos.
El recorrido empieza presentando Bootstrap 4 y sigue con la preparación del entorno: instalar Node.js, Grunt y el generador de sitios estáticos Harp, configurar el proyecto con sus archivos JSON y ejecutarlo en local. Después dedica capítulos al nuevo modo Flexbox, a los layouts con la cuadrícula responsive, al contenido (tipografía, tablas, imágenes), a los componentes (barras de navegación, tarjetas, formularios, botones), a los plugins de JavaScript y a la personalización de temas con Sass, la novedad más importante frente a Less en la versión 3. Termina con una guía de migración desde Bootstrap 3.
Como hilo conductor se construye un blog: primero la página de inicio, luego las páginas de entrada y los componentes, hasta darle un tema propio con Sass. Lo que aporta es una entrada ordenada a Bootstrap 4 y a un flujo de trabajo con herramientas de build. Lo que conviene saber antes de empezar es que se escribió sobre una versión alfa: algunas clases y componentes cambiaron en la versión estable (por ejemplo, Flexbox pasó a ser el modo por defecto), y hoy Grunt y Harp han quedado en desuso. Si se lee hoy, hay que tener a mano la documentación oficial de Bootstrap.
- Bootstrap 4
- Flexbox
- Grid responsive
- Componentes
- Plugins JavaScript
- Sass
- Temas
- Harp
- Grunt
- Node.js
- Migración desde Bootstrap 3
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Blog con Bootstrap 4 y Harp
Un blog estático generado con Harp que se arma a lo largo del libro: página de inicio con la cuadrícula y Flexbox, páginas de entrada con componentes de Bootstrap y, al final, un tema propio creado con Sass y compilado con Grunt.

