Los últimos años y con la aparición de la web 2.0 Internet ha alterado y se ha transformado para dar acogida a todas las necesidades de sus usuarios, y por esa razón los sitios web también ha tenido que cambiar mucho.
Hace unos tres o bien cuatro años, ahí por dos mil once se comenzó a hablar de los sitios adaptable o acomodables a todo género de pantallas y dispositivos fuera como fuera su tamaño, esta capacidad de adaptación de los sitios se logró utilizando técnicas CSS avanzadas para su desarrollo o usando frameworks CSS como por poner un ejemplo Bootstrap.

En este artículo vamos a hablar de Bootstrap, uno de los frameworks CSS más famosos y entre los más utilizados, en tanto que si bien no lo sepas, muchos sitios web de los que visitas en el cada día están creados con Bootstrap.

bootstrap

Vamos a iniciar por el principio, Bootstrap es un framework CSS desarrollado inicialmente (en el año dos mil once) por Twitter que permite entregar forma a un sitio web mediante librerías CSS que incluyen tipografías, botones, cuadros, menús y otros elementos que pueden ser utilizados en cualquier sitios.
Si bien el desarrollo del framework Bootstrap fue comenzado por Twitter, 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 plenamente amoldables a todo tipo de dispositivos y pantallas, sea como sea su tamaño. Por si fuera poco, Bootstrap ofrece las herramientas necesarias para crear cualquier género de lugar web usando los estilos y elementos de sus librerías.

bootstrap

Desde la aparición de Bootstrap 3 el framework se ha vuelto bastante más compatible con desarrollo web responsive, entre otras características se han reforzado las siguientes:

  • Soporte bastante bueno (casi completo) con HTML5 y CSS3, dejando ser utilizado de forma muy flexible para desarrollo web con unos geniales desenlaces.
  • Se ha añadido un sistema GRID que deja diseñar usando un GRID de doce columnas donde se debe plasmar el contenido, con esto podemos desarrollar adaptable de forma considerablemente más simple y también intuitiva.
  • Boostrap tres establece Media Queries para cuatro tamaños de dispositivos diferentes variando dependiendo del tamaño de su pantalla, estas Media Queries permiten desarrollar para dispositivos móviles y tablets de forma mucho más fácil.
  • Boostrap tres también permite introducir imágenes responsive, esto es, con solo introducir la imagen con la clase img-responsive” las imágenes se adaptaran al tamaño.

Todas estas características hacen que Boostrap sea una genial opción para desarrollar webs y aplicaciones web totalmente adaptables a cualquier clase de dispositivo.

Boostrap es compatible con la mayoría de navegadores web del mercado, y más desde la versión 3, en nuestros días es completamente compatible con los siguientes navegadores:

  • Google Chrome (en todas y cada una de las plataformas).
  • Safari (tanto en iOS como en Mac).
  • Mozilla Firefox (en Mac y en Windows).
  • Internet Explorer (en Windows y Windows Phone).
  • Opera (en Windows y Mac).

Actualmente existen muchos themes para WordPress que tienen una base Bootstrap o están desarrollados con Bootstrap, es más, podemos decir que actualmente el 80 por cien de los themes para WordPress que son adaptable están desarrollados con una base Bootstrap.