Definición:
Bootstrap es un framework CSS de código abierto que favorece el desarrollo web de un modo más sencillo y rápido. Incluye plantillas de diseño basadas en HTML y CSS con la que es posible modificar tipografías, formularios, botones, tablas, navegaciones, menús desplegables, etc. También existe la posibilidad de utilizar extensiones de Javascript adicionales.
Fue desarrollado inicialmente por Twitter en 2011 y permite crear interfaces de usuario limpias y compatibles con todo tipo de dispositivos. Entre las ventajas que tiene Bootstrap es que favorece el design responsive, el cuál se utiliza para mejorar la experiencia de los usuarios en el sitio web y en consecuencia el posicionamiento.
Índice de contenidos
Ventajas de Bootstrap
Entre las ventajas de utilizar bootstrap podemos enumerar las siguientes:
- Es de código abierto, y todo su código actualizado se encuentra en un repositorio de Github.
- Está mantenido y actualizado por Twitter.
- Es compatible con la mayoría de navegadores (Chrome, Safari, Mozilla…).
- Dispone de gran cantidad de documentación, tanto en su portal como en páginas web especializadas.
- Utiliza componentes vitales para los desarrolladores (HTML5, CSS3, jQuery o GitHub, entre otros).
- Incluye Grid system para maquetar por columnas.
- Sus plantillas son de sencilla adaptación responsive.
- Dispone de un conjunto de elementos web personalizables.
- Se integra con librerías JavaScript.
- Usa Less: un lenguaje de las hojas de estilo CSS preparado para enriquecer los estilos de la web.
Qué es el sistema grid de Bootstrap
Una de las partes claves de Bootstrap es su sistema grid. Se trata de un sistema de cuadriculas que crea diseños de página mediante el uso de varias columnas en las que se inserta el contenido.
A medida que el dispositivo en el que se ve su página aumenta de tamaño, las filas y columnas del grid se van ajustando. Lo mismo ocurre, cuando el dispositivo es más pequeño y el sistema de cuadrícula se va colapsando proporcionalmente para adecuarse al tamaño.
Dónde descargar Bootstrap
Bootstrap dispone de un repositorio en github y un portal en los que se puede encontrar tanto el código fuente como toda la documentación disponible para dicho framework:
- Portal de Bootstrap: https://getbootstrap.com/
- Repositorio de Github: https://github.com/twbs/bootstrap
Preguntas frecuentes sobre Bootstrap
¿Qué es Bootstrap en desarrollo web?
Bootstrap es un framework front-end que ofrece componentes, estilos y una rejilla responsive para crear interfaces web de forma rápida y consistente.
¿Bootstrap afecta al SEO de una web?
Bootstrap no perjudica el SEO por sí mismo, pero una implementación pesada o mal optimizada puede afectar a velocidad, experiencia de usuario y Core Web Vitals.
¿Cuándo conviene usar Bootstrap?
Conviene usar Bootstrap cuando se necesita acelerar el desarrollo de interfaces responsive con patrones visuales estables y componentes ya probados.
¿Qué riesgos tiene usar Bootstrap sin optimización?
El principal riesgo es cargar CSS o JavaScript innecesario, generar diseños poco diferenciados y aumentar el peso de la página sin necesidad.