Qué es Bootstrap y la razón de su exito

Desde la aparición de la web 2.0 Internet sin duda sufrió uno de sus cambios mas notables y a través de este proceso se ha transformado para dar acogida a todas las necesidades de sus usuarios, esto ha sido también el catalizador de que los sitios web también ha tenido que evolucionar con dicho cambio.

Allá por el 2011 apareció en nuestro lenguaje profesional los llamados sitios web responsive o adaptables a todo tipo de pantallas y dispositivos fuese cual fuese su formato, dicha evolución de los sitios web se consiguió utilizando técnicas CSS avanzadas para su desarrollo o utilizando nuevos frameworks CSS como por ejemplo el protagonista de este post: Bootstrap.

Pero ¿que es exactamente Bootstrap? Pues es un framework CSS desarrollado en el año 2011 por Twitter que permite diseñar sitios web mediante librerías CSS que incluyen tipografías, botones, cuadros, menús y otros elementos que pueden ser utilizados en cualquier sitio web.

Aunque como ya hemos dicho el desarrollo del framework Bootstrap fue iniciado por Twitter, este fue liberado bajo licencia MIT en el año 2011 y su desarrollo continua en un repositorio de GitHub.

Bootstrap es una excelente herramienta para crear interfaces de usuario limpias y totalmente adaptables a todo tipo de dispositivos y pantallas, sea cual sea su formato. Además nos ofrece las herramientas necesarias para crear cualquier tipo de sitio web utilizando los estilos y los elementos de sus multiples librerías.

Otro punto muy imprtante a tener en cuenta por el desarrollador web es la compatibilidad con los navegadores y Boostrap es compatible con la mayoría de navegadores web del mercado:

-  Google Chrome (en todas las plataformas).

-  Mozilla Firefox (en Mac y en Windows).

-  Safari (tanto en iOS como en Mac).

- Internet Explorer (en Windows y Windows Phone).

- Opera (en Windows y Mac).

Con la evolución que ha sufrido hasta encontarse ahora como Bootstrap 3 el framework se ha vuelto bastante más compatible con desarrollo web responsive, entre otros puntos lo han mejorado en lo siguiente:

- Soporte casi completo para HTML5 y CSS3, permitiendo ser usado de forma muy flexible para desarrollo web.

- Se ha añadido un sistema GRID que permite diseñar usando un GRID de 12 columnas donde se debe plasmar el contenido, con esto podemos desarrollar responsive de una manera más fácil e intuitiva.

- Boostrap 3 nos permite insertar imágenes responsive, es decir, con solo insertar la imagen con la clase “img-responsive” las imágenes se adaptaran al tamaño.

Boostrap 3 establece Media Queries para 4 tamaños de dispositivos diferentes variando dependiendo del tamaño de la pantalla del visitante, estas Media Queries permiten desarrollar para dispositivos móviles y tablets de forma más fácil.

Este listado de mejoras hacen que tengamos Boostrap como una excelente opción para desarrollar webs y aplicaciones web totalmente adaptables a cualquier tipo de dispositivo en nuestros futuros proyectos.

Todos sabemos del exito que tiene WordPress en internet y existen muchísimos themes para WordPress que tienen una base Bootstrap o están desarrollados directamente con Bootstrap, es más, podemos decir que actualmente el 80% de los themes para WordPress que son responsive están desarrollados con una base Bootstrap.

Este frameworks CSS es de los más famosos y uno de los más utilizados, ya que muchos sitios web de los que visitamos en el día a día están creados con esta técnica y por eso hemos querido dedicarle este post.