Qué es Bootstrap?

Bootstrap es un nuevo Framework para desarrollo FrontEnd buenísimo a la hora de querer hacer sitios responsive design.

Ahoraa.. que ya sabemos qué es Bootstrap! nos preguntamos.. qué es Responsive Design? Vieron aquellos sitios web en los que entras desde la laptop y se ve muy bien y luego pruebas entrar con el smartphone y también se lo ve muy bien pero con ciertos ajustes que parecen haberse hecho a medida para dicho dispositivo móvil? bueno, eso se logra con Resposive Design y uno de los mejores Framework Front End para lograr eso es Botstrap.

Empezando con Bootstrap

Bootstrap es gratuito, lo podemos descargar de su sitio oficial, y comenzar a trabajar de inmediato con él en nuestros proyectos web.

Bootstrap Responsive Design

Qué significa que sea un Framework para FrontEnd?

FrontEnd se le llama a todo aquello que tenga que ver con la vista de una página web, en esencia con su diseño, la distribución de los botones, widgets, cabeceras, títulos etc. Todo lo que tiene que ver con la presentación de la misma y que se logra mediante el buen uso de los lenguajes de programación con HTML + CSS (Estilos) + Javascript. Con el HTML lo que se hace es la estructura de nuestras páginas web, con el CSS se le da diferentes formas, colores, bordes y demás estilos a cada parte de nuestros sitios y Javascript es un lenguaje de programación que se ejecuta del lado del cliente y sirve para darle efectos visuales y funcionales a la página. Por ejemplo que se cambie el color de un botón al pasar el mouse sobre él.

Cómo empezar con una página Web con Bootstrap?

Luego de descargar Bootstrap del sitio oficial tendremos las siguientes tres carpetas que son las que nos interesan para comenzar a usar éste framework.

Estructura de Archivos de Bootstrap

Lo siguiente es crear un archivo index.php desde el cual empezaremos a crear la vista principal de nuestro sitio web y desde donde enlazaremos las librerias de Bootstrap para usar todo su potencial en nuestras web.