Introducción e instalación de Bootstrap 3

Es un framework front-end que sirve para la construcción  de sitios web o de aplicaciones web.


Es de código abierto y nos brinda un conjunto de recursos como html(templates - botones - barras de navegación - menus - modales) ,  css (clases) ,  javascript(plugin's).

Observación : Para poder usar el javascript de Bootstrap , es necesario agregar la librería jQuery en nuestro proyecto.

Vamos a Empezar 

Debemos ir a su página web del framework y descargar los recursos.

Tenemos 3 diferentes maneras de obtener los recursos del framework , en este caso yo voy a optar por la primera opción Bootstrap (básico). Está opción me brinda los archivos css , javascript comprimidos y las fuentes propias de bootstrap.

Le damos en Download Bootstrap y guardamos el archivo en nuestra carpeta que estemos trabajando nuestra página web , en mi caso.

Ahora lo que vamos hacer es descomprimir el archivo bootstrap-3.3.5-dist.zip 

Nos encontramos con una carpeta que dentro contiene los archivos del framework.

Bien ahora , estas carpetas las copiamos y pegamos carpeta root del proyecto .
Ya podemos eliminar el archivo .zip  y la carpeta bootstrap-3.3.5-dist porqué ya tenemos los recursos.

Listo, nos vamos a nuestro editor preferido y abrimos el proyecto, en mi caso me parece una buena opción Sublime Text 3 ( de acuerdo a sus gustos ).

Antes de configurar el framework
Ahora escribimos un index.html sencillo con algunas clases propias de bootstrap 3.
Aquí todavía sin agregarle los archivos css y javascript.

index.html

Vista en la web 

Después de configurar el framework
Ahora configuramos el framework en nuestro archivo index.html , tenemos que agregar el archivo css y el archivo javascript .
Observación : Leer la observación del inicio.

index.html

Vista en la web

Conclusiones

• Como vemos el framework bootstrap 3 es demasiado rápido y sencillo de usar.
• Nos brinda la posibilidad de gestionar aplicaciones web responsive.