Saltar la navegación

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