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é significa Bootstrap en marketing digital?
El bootstrap se refiere a la idea explicada en esta página del glosario: 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. 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 . En la práctica, sirve para que el equipo hable del mismo fenómeno con un criterio común.
¿Cuándo conviene prestar atención a Bootstrap?
Conviene revisarlo cuando influye en la captación, la medición, la experiencia de usuario o el rendimiento de una campaña. Lo importante es vincular Bootstrap con una decisión concreta, no tratarlo como una definición aislada.
¿Cómo se aplica Bootstrap dentro de una estrategia digital?
Se aplica llevando la definición a acciones: revisar los datos relacionados, detectar en qué punto del embudo aparece y decidir si requiere optimización, seguimiento o documentación interna.
¿Qué errores son habituales al interpretar Bootstrap?
El error más frecuente es usar Bootstrap de forma demasiado amplia. Antes de sacar conclusiones conviene comprobar el contexto, el canal o herramienta implicados y la métrica o comportamiento que se quiere explicar.