Bootstrap, es un framework originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz del sitio web al tamaño del dispositivo en que se visualice. Es decir, el sitio web se adapta automáticamente al tamaño de una PC, una Tablet u otro dispositivo.
Esta técnica de diseño y desarrollo se conoce como Responsive Design o Diseño Adaptativo
Ahora te mostraremos algunas ventajas y desventajas de usar Bootstrap.
Este Framework te evita el tener que preocuparte por las media queries y los porcentajes en tus CSS para hacer una web Responsive, facilitando la programación del sitio.
Además, se basa en la simplicidad de sus interfaces, lo cual es una tendencia del mercado, en las que tiende a diseño plano, botones grandes, etc… para facilitar la usabilidad en los dispositivos más pequeño, atendiendo a la Experiencia de Usuario.
Actualmente Bootstrap es uno de los Framework más usados.
VENTAJAS
- puedes diseñar una web jugando con sus elementos compuestos por diferentes combinaciones de HTML, CSS y Javascript.
- Utiliza HTML5, CSS3, jQuery o GitHub, entre otros.
- Incluye Grid system: muy útil para maquetar por columnas.
- Sus plantillas son de sencilla adaptación responsive.
- Se integra con librerías JavaScript.
- Usa Less: un lenguaje de las hojas de estilo CSS preparado para enriquecer los estilos de la web.
- Cuenta con una documentación completa que te puede sacar de apuros rápidamente.
- Facilita enormemente el diseño de interfaces y además incluye por defecto una plantilla bastante optimizada.
DESVENTAJAS
- Se recomienda trabajar con Bootstrap desde el inicio de un proyecto, ya que si quieres incluir el framework en un trabajo ya iniciado algunos estilos podrían “romperse” y se tendría que ajustar a como se tenia en un principio, y eso puede ser un poco tedioso y molesto.
- Es complicado, cambiar de versión si has realizado modificaciones profundas.
- No es ligero, y además, para algunas funcionalidades, será necesario tener que usar Javascript y jQuery.
- Debes adaptar tu diseño a un grid de 12 columnas, que se modifican según el dispositivo. Aquí empiezan los problemas, Bootstrap por defecto te trae anchos, márgenes y altos de línea, y realizar cambios específicos.
¿Qué es la Web3? Y porqué todo el mundo habla de ella
Conoce la tecnología que esta revolucionando el internet