Bootstrap

Twitter Bootstrap es el otro nombre que puede ser utilizado para referirse a Bootstrap, Bootstrap es un framework de software libre para diseñar sitios y aplicaciones web. Contiene plantillas de diseño con tipografía, formularios, botones, cuadros, menús de navegación y otros elementos de diseño basado en HTML y CSS, así como, extensiones de JavaScript opcionales adicionales, la última versión estable es la 3.3.2.

Una de las caracteristicas importantes de Bootstrap es que es compatible con casi todos los navegadores web y una de las caracteristicas que hacen que Bootstrap se muy utilizado por los desarrolladores es que todas las aplicaciones son resposivas, que quiere decir con "resposivas" esto es sobre la compatibilidad que puede tener una aplicación web para todos los dispositivos y navegadores, sin importar el tamaño del monitor, o del tamaño dispositivo movil la aplicación se ajustra según donde se este ejecutando.

Boostrap consiste en una serie de hojas de estilo LESS, El manejo del lenguaje de hojas de estilo LESS permite el uso de variables, funciones y operadores, selectores anidados, Bootstrap posee también un sistema de cuadrilla (grid), diseño sensible, componentes re-usables, plug-ins de Javascript.

¿Que IDE utilizar para empezar a utilizar Bootstrap?

Así como habiamos visto en Angular, ya que bootstrap es más para ambientes web, no se necesita un IDE en especifico. Las únicas herramientas que se necesitan son: un editor de texto(Por ejemplo: Sublime Text, Notpad++,Bloc de notas, etc), también se puede realizar un proyecto en Microsoft Visual Studio solo es cuestión de instalar unos pluggins que necesita visual para ejecutar un proyecto Bootstrap (haré un post sobre eso más adelante) y el navegador que tiene tienen como firexox, chrome, opera, safari, etc.

¿Como diferenciar Bootstrap y otro Framework?

Con el desarrollo de las tecnologías exiten muchos framework para trabajar aplicaciones Web y muchas veces no se sabe si estan trabajando con angular, bootstrap, solo javascript, o alguna otra herramienta. Pero para poder distiguir que estamos trabajando con bootstrap se necesita verificar dos cosas dos etiquetas las cuales son: un <link> y dos <script> dentro del HTML.

El tag <link> se encuentra la referencia del css que indica que utilizaremos una plantilla de bootstrap para manejar el estilo de la página.

El primer Tag <script> nos indica que utilizaremos una libreria de javascript llamada Jquery la cual nos ayudar a desarrollar algunas funciones dentro de nuestra página.

El segundo Tag <script> nos indica que utilizaremos una libreria de bootstrap, es decirr que trae funciones propias de bootstrap que podemos utilizar.
En el siguiente Post habremos un ejemplo de Bootstrap