Bootstrap es un framework gratuito orientado al desarrollo web y además se trate de un proyecto de código abierto (open source). El objetivo de Boostrap es facilitar y agilizar el desarrollo de sitios web cumpliendo con unos estándares de diseño, adaptabilidad a dispositivos móviles (diseño responsive) y usabilidad. Su traducción en español podría ser algo así como «Manos a la obra», «Ponerse en marcha», «Arrancar o comenzar». Por tanto, la definición de Bootstrap sería algo como «marco de trabajo para arrancar proyectos de desarrollo web».
Bootstrap fue creado en 2011 por desarrolladores de Twitter, en principio como un marco de trabajo orientado al desarrollo interno pero poco después su licencia fue liberada para ponerla a disposición de toda la comunidad de desarrolladores.
En resumen, Bootstrap dispone de una amplia biblioteca de themes o plantillas sobre los que trabajar de manera rápida y sencilla el desarrollo de sitios web responsivos, de modo que los desarrolladores no tengan que preocuparse por el desarrollo de los códigos y funciones básicas, pues estos ya vienen incluidos por defecto, logrando un aspecto final de gran calidad con el mínimo esfuerzo y la mínima inversión de tiempo.
Bootstrap: lenguajes, compatibilidad y versiones
Bootstrap contiene scripts y aplicaciones basadas en HTML, CSS y Javascript orientados a multitud de funciones y elementos relacionados con el diseño y desarrollo web. Además, ofrece diferentes niveles de personalización del código fuente, de modo que quien lo desee pueda personalizar su código en profundidad para adaptarlo al proyecto. También se puede alojar Bootstrap en un CDN para evitar usar un servidor propio y además mejorar su rendimiento.
Se puede usar Bootstrap con multitud de aplicaciones y entornos de desarrollo como Angular, React, JQuery, etc. Además, al igual que con otras plataformas, va actualizando versiones periódicamente. En la actualidad, nos encontramos en la versión Bootstrap 5.
¿Qué elementos incluye Bootstrap?
Algunos de los componentes más populares que incluye Bootstrap y que facilitan muchísimo la tarea de desarrollo son:
- Botones (Bootstrap button)
- Barras de navegación (Bootstrap navbar)
- Formularios (Bootstrap form)
- Carruseles de imágenes (Bootstrap carousel)
- Tablas (Bootstrap table)
- Layouts o cuadrículas para el diseño (Bootstrap grid)
- Desplegables (Bootstrap dropdown)
- Mensajes de alerta (Bootstrap alert)
- Mensajes emergentes (Bootstrap Tooltip)
- Casillas de verificación (Bootstrap checkbox)
- Cargadores de contenido (Bootstrap loader)
- Pestañas de navegación (Bootstrap tab)
- Tarjetas de información (Bootstrap card)
- Iconos (Bootstrap icons)
- Plantillas (Bootstrap templates o themes)
- Contenedores (Bootstrap container)
- Selector de fechas (Bootstrap datepicker)
- Tipografías y fuentes (Bootstrap Typography)
- Elementos de la página (Bootstrap sidebar, Bootstrap footer, etc)