¿Qué es Bootstrap? |

Antes de comenzar conoce todo lo necesario sobre este cool framework para implementarlo en tus próximos proyectos web.

¿Qué es?

Lo primero que debes tener claro es que Bootstrap es un framework ¿qué demonios es un framework?
¡Fácil! un framework no es nada más que un conjunto de código que puedes utilizar para hacer un sistema personalizado muy simple o muy complejo. Bien ahora ya sabes lo que es un framework asi que continuemos con bootstrap. Bootstrap fue desarrollado por Twitter, tiene como gran objetivo facilitar el diseño web sirviendo de guía para emplear buenas prácticas y estándares. Algunas características son:

1. Permite crear de manera fácil sitios web que son adaptables o responsives para ajustarse a cualquier dispositivo y tamaños de pantalla.
2. Podemos conseguir un sitio web muy organizado visualmente.
3. Posee un sistema de grillas en la cuál maqueteamos el sitio mediante columnas que lo hace bastante fácil.
4. Se integra perfectamente con liberías de Javascript.
5. Posee una comunidad muy grande y activa que lo respalda.
6. Permite la utilización de Sass y Less para hacer aún más pro la experiencia de desarrollo.

¿Cómo se creó?

Bootstrap fue creado por Mark Otto y Jacbod Thornton ambos desarrolladores de Twitter, ellos buscaban un marco de trabajo para fomentar la consistencia entre las herramientas internas, las cuales llevaban a inconsistencias y a una gran carga de trabajo en su mantenimiento. El primer desarrollo en condiciones reales ocurrió durante la primera “Semana de Hackeo” (Hackweek) de Twitter. Mark Otto mostró a algunos colegas como acelerar el desarrollo de sus proyectos con la ayuda de la herramienta de trabajo. Como resultado, decenas de temas se han introducido en el marco de trabajo. En agosto del 2011, Twitter liberó a Bootstrap como código abierto. En febrero del 2012, se convirtió en el proyecto de desarrollo más popular de GitHub.

Estructura

Sistema de cuadrilla

Bootstrap viene con una disposición de cuadrilla estándar de 940 píxeles de ancho. Alternativamente, puedes usar un diseño de ancho-variable. Para ambos casos, la herramienta tiene cuatro variaciones para hacer uso de distintas resoluciones y tipos de dispositivos: teléfonos móviles, formato de retrato y paisaje, tabletas y computadoras con baja y alta resolución (pantalla ancha). Esto ajusta el ancho de las columnas automáticamente.

Hojas de estilo

Bootstrap proporciona un conjunto de hojas de estilo que proveen definiciones básicas de estilo para todos los componentes de HTML. Esto otorga una uniformidad al navegador y al sistema de anchura, da una apariencia moderna para el formateo de los elementos de texto, tablas y formularios.

Componentes re-usables

Bootstrap contiene otra interfaz de elementos que comúnmente usamos. Incluye botones con características avanzadas como grupo de botones o botones con opción de menú desplegable, listas de navegación, etiquetas horizontales y verticales, ruta de navegación, paginación, capacidades avanzadas de miniaturas tipográficas, formatos para mensajes de alerta y barras de progreso.

Plugins de Javascript

Los componentes de JavaScript para Bootstrap están basados en la librería jQuery de JavaScript. Los plugins se encuentran en la herramienta de plugin de jQuery. Proveen elementos adicionales de interfaz de usuario como diálogos, tooltips y carruseles.

Tipo de licencia

Siempre es importante conocer el tipo de licencia que tiene el framework que utilizaremos como parte de nuestra ética y profesionalismo. Bootstrap está publicado bajo la licencia “Apache 2 License” y está protegido por el siguiente copyright: “copyright 2013 Twitter”. Para comprender en detalle lo que podemos y no podemos hacer con este tipo de licencia, lee con atención esto.

¿Qué te permite la licencia?

1. Descargar y usar gratuitamente Bootstrap entero o alguna de sus partes, tanto para uso personal, empresarial y/o comercial.
2. Utilizar e incluir Bootstrap en cualquier paquete o distribución de software que crees.

¿Qué te prohíbe la licencia?

1. Redistribuir cualquier parte de Bootstrap sin mencionar quiénes son sus autores.
2. Utilizar cualquier elemento propiedad de la empresa Twitter de forma que parezca que Twitter apoya o tiene alguna relación con tu proyecto.
3. Utilizar cualquier elemento propiedad de la empresa Twitter de forma que parezca que tú has creado ese elemento de Twitter.

¿Qué te obliga la licencia?

1. Incluir una copia de la licencia de Bootstrap en cualquier distribución de software que crees e incluya Bootstrap.
2. Indicar de forma clara quiénes son los autores de Bootstrap.

¿Qué no te obliga la licencia?

1. Incluir en tu software el código fuente de Bootstrap o de cualquier variación de Bootstrap que hayas creado.
2. Hacer públicos los cambios y mejoras que hayas hecho sobre Bootstrap, aunque sus autores estarán encantados si lo haces.

El contenido completo de la licencia de Bootstrap lo puedes revisar en el archivo README del repositorio de Github.

La comunidad de Bootstrap

Bootstrap posee una comunidad muy amplia que constantemente está aportando. Si tienes dudas puedes utilizar los siguientes recursos para estar al tanto de las novedades de Bootstrap y mantener el contacto con otros miembros de la comunidad.

1. El blog oficial de la comunidad.
2. Puedes chatear con otros miembros de la comunidad a través del canal ##twitter-bootstrap en el servidor freenode.net.
3. Descubre algunos de los proyectos más alucinantes creados con Bootstrap en el sitio Bootstrap Expo.
4. También puedes seguir la cuenta oficial en Twitter: @twbootstrap.

Hasta acá dejaremos este post, te espero en el próximo dónde ya daremos nuestros primeros pasos en Bootstrap.