Bootstrap: una librería de estilos
- Es un conjunto de herramientas de código abierto para diseño de sitios y aplicaciones web (Wikipedia).
- También es conocido como un Framework dirigido específicamente para el desarrollo del front-end
- Creado por Mark Otto y Jacob Thornton de Twiter a mediados del 2010
- En 2011, Twiter libera Bootstrap como código abierto
- Se desarrolla como un proyecto de código abierto (GitHub)
- Sitio official: https://getbootstrap.com/
- Versión actual: 4.5
Características
- Sigue la estrategia "mobile-first" (Responsive)
- Primero optimizar el código para dispositivos móviles y luego escalar los componentes como sea necesario utilizando media queries
- Para esto, agregar en el HEAD el meta tag viewport responsive
- Incluye:
- componentes preconstruidos
- Plantillas de diseño con tipografía
- Formularios
- botones
- cuadros
- menus de navegación
- sistema de grilla responsiva
- variables Sass
- mixins
- plugins de JS
- Requiere DOCTYPE de HTML5 ( si se lo evita, se verán estilos incompletos)
- El valor de la propiedad Box-sizing es especificada en "border-box" en lugar de "content-box" para que el padding no afecte al cómputo del ancho (width) de un elemento.
- Para recordar border-box: https://developer.mozilla.org/es/docs/Web/CSS/box-sizing