Knowledge center Diseño gráfico y web Diseño web

¿Qué es Bootstrap?

Bootstrap es un conjunto de herramientas de código abierto útiles para el diseño de aplicaciones o páginas web. Contiene elementos de diseño basado en HTML y CCS, además de extensiones Javascript adicionales.

Con todo ello puedes dar forma a tu web, utilizando los elementos que nos ofrece, como por ejemplo menús, botones, formularios, ventanas modales, etc, y todo ello sin escribir ninguna línea de código, simplemente haciendo referencia a lo que necesites en cada momento.

Aunque en muchas ocasiones se está denominando Bootstrap como un Framework, el equipo de desarrollo lo cataloga como el kit de herramientas de código abierto de front-end más popular del mundo, que incluye amplios componentes prediseñados y potentes complementos de JavaScript.

Desarrollado

Fue desarrollado por Mark Otto y Jacob Thornton de Twitter y su equipo de desarrollo.

Antes de Bootstrap

Antes de Bootstrap, utilizaban varias bibliotecas de usuario para los desarrollos, que les generaba una gran carga de trabajo.

Herramienta interna

Decidieron reunirse para crear una herramienta interna que les ayudase en su trabajo, con el fin de optimizar tiempos.

Primera versión

Poco después, surgió una primera versión como una manera de documentar y compartir activos y patrones de diseño comunes dentro de la compañía.

Código abierto

Así en agosto del 2011, Twitter liberó Bootstrap como código abierto.

Popular

En febrero del 2012, se convirtió en el proyecto de desarrollo más popular de GitHub.

3Actualmente , la última versión estable es la versión 5.3.2, pero en la web encontrarás un apéndice de documentación alojada para casi todas las versiones de Bootstrap, desde v1 hasta v5. La evolución de las versiones es continua y es posible que en cualquier momento tengamos nuevos códigos liberados.

Características y Ventajas

Cada vez son más los dispositivos que se usan para conexión a internet. Desde una pantalla grande de televisión de grandes pulgadas, pasando por la pantalla de un PC de sobremesa, un portátil o una tablet, hasta una teléfono móvil. Desde todos podemos acceder a cualquier página web y el desarrollador, tiene que asegurarse que su web se vea bien en todos los dispositivos.

Ya no solo que se vea igual, sino que se adapte a las pantallas desde donde se está viendo. Con Bootstrap podemos realizar este desarrollo de forma sencilla, entendiendo el sistema de Grid o cuadrículas que nos ofrece.

Clases

Podemos usar multitud de las clases que disponemos.

Open Source

Es de código abierto, por lo que nos ayuda a entender o modificar cualquier herramienta.

Personalizable

Conociendo su funcionamiento, podemos personalizar el diseño, adaptándolo a los estilos que queramos.

Versatibilidad

Es por todo ello (clases, código abierto, personalizable) que nos ofrece una gran versatilidad.

Gran comunidad

Hay muchos sitios que ofrecen mucha ayuda, buena documentación o plantillas desarrolladas.

Poco esfuerzo

Además con poco esfuerzo, ya que no hay que escribir grandes líneas de código.

Con todo ello, y conociendo bien el kit de herramientas, podemos crear o elegir la plantilla que más se adapte a nuestro diseño y modificarla para personalizarla, haciéndola única y con un estilo moderno y adaptada a todos los dispositivos.

Además, ofrece la ventaja que es compatible con la mayoría de navegadores del mercado, tanto de sistemas móviles, cómo navegadores de sistemas operativos de ordenadores.

Definición y términos de Bootstrap

Esta píldora formativa está extraída del Curso online de Desarrollo web adaptativo con Bootstrap.

¿Qué es Bootstrap?

Características y Ventajas

¿Te gusta el contenido de esta píldora de conocimiento?