¿Que es Bootstrap?

Los últimos años y con la aparición de la web 2.0 Internet ha cambiado 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 3 o 4 años, ahí por 2011 se empezó a hablar de los sitios web responsive o adaptables a todo tipo de pantallas y dispositivos fuese cual fuese su tamaño, esta capacidad de adaptación de los sitios web se consiguió utilizando técnicas CSS avanzadas para su desarrollo o utilizando frameworks CSS como por ejemplo Bootstrap.

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

bootstrap

Vamos a empezar por el principio, Bootstrap es un framework CSS desarrollado inicialmente (en el año 2011) por Twitter que permite dar 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 sitio web.
Aunque el desarrollo del framework Bootstrap fue iniciado 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 totalmente adaptables a todo tipo de dispositivos y pantallas, sea cual sea su tamaño. Además, Bootstrap ofrece las herramientas necesarias para crear cualquier tipo de sitio web utilizando 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, permitiendo ser usado de forma muy flexible para desarrollo web con unos excelentes resultados.
  • 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 forma mucho más fácil e intuitiva.
  • Boostrap 3 establece Media Queries para 4 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 3 también 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.

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

Boostrap es compatible con la mayoría de navegadores web del mercado, y más desde la versión 3, actualmente es totalmente compatible con los siguientes navegadores:

  • Google Chrome (en todas 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 muchísimos themes para WordPress que tienen una base Bootstrap o están desarrollados 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.

 

Share on twitter
Compartir en Twitter
Share on facebook
Compartir en Facebook
Share on pinterest
Compartir en Pinterest

¿Te gusta el blog?

Apúntate al boletín y te enviaremos los mejores artículos una vez al mes.

¿Te ayudamos?

Escríbenos si tienes dudas o necesitas una solución específica. Nuestros expertos te ayudarán en todo lo posible.

Sé el primero en enterarte de ofertas, sorteos y novedades.

Tenemos 9 comentarios en

"¿Que es Bootstrap?"

9 respuestas

  1. Una pregunta, es fácil de aprender?
    porque estoy creando una aplicación web como proyecto de final de curso, y nose si me conviene meterme ahora con esto
    Un saludo

    1. Hola Raul, la ventaja de Boostrap, es que simplifica mucho la maquetacion o diseño con CSS, ofreciendo muchas partes «preconfiguradas» y fáciles de implementar, por decirlo de alguna manera.
      A mi Boostrap me gusta y lo recomiendo para el desarrollo front-end, pero para gustos colores.

      Un saludo.

    1. Hola, Tristán:

      bootstrap no es una aplicación, es un framework CSS.

      Si no estás familiarizado con esta jerga, puedes entenderlo como una «pieza para que sea más fácil programar la parte visual de tus aplicaciones».

      Por ello, no funciona en WordPress directamente (puesto que no es un plugin) y tampoco es parecido (porque WordPress es una aplicación y bootstrap es un framework).

      No obstante, hay muchas plantillas de WordPress que por detrás utilizan Bootstrap. No obstante, salvo que vayas a tocar tú el CSS, no debería influirte qué es lo que use tu tema por detrás.

      ¡Un saludo!

  2. hola buenas tardes me gustaria saber como adquiero una libre bootstrap, y tambien me gustaria saber si soporta la subida de audios y videos, gracias

    1. Hola, Elci:

      Bootstrap lo puedes encontrar en su página oficial, pero ten en cuenta que es una librería CSS, es decir, se usa para programar y no es un «producto finalizado».

      Además, solo sirve para manipular el estilo y comportamiento de la página web que lo use, por lo que no soporta subida de ningún tipo, ya que no incluye ese tipo de programación, solo sirve para controlar el estilo de la página.

      Un saludo.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Utilizamos cookies propias y de terceros para obtener información estadística, mostrar publicidad personalizada a través del análisis de tu navegación, así como para interactuar en redes sociales. Si continúas navegando, consideramos que aceptas nuestra Política de cookies. ACEPTAR

Aviso de cookies