IMPORTANTE

Tenga presentes los siguientes lineamientos al momento de desarrollar su presentación en esta plantilla:

• Los textos siempre deben ir en Calibri, en color gris para los textos y en color blanco para los titulares.
• Si necesita destacar algún texto use “negrilla” o alguno de los otros colores de la misma paleta:
verde, azul o naranja.
• Usted dispone de dos opciones de portada y 2 opciones de plantilla para incorporar los textos, cada
plantilla la encuentra en los 3 colores institucionales.
• No incorpore otros estilos de plantillas.
• Mantenga los textos concisos y las presentaciones limpias, no las sobre cargue de elementos.

GC-F-004 V.01
BOOTSTRAP
ver 4

GC-F-004 V.01
 Bootstrap

BOOTSTRAP Framework Desarrollo Web

Desarrollo Front-End

GC-F-004 V.01
Bootstrap

GC-F-004 V.01
1 Conceptos de
Bootstrap

Bootstrap
Generalidades

Es un conjunto de código CSS y JavaScript que podemos emplear, es

un conjunto de código pre programado para la creación de sitios Web
Es una herramienta que ayudará a ahorrar tiempo en el desarrollo de
páginas Web
Es un framework de código abierto, permite crear sitios web para
cualquier tipo de dispositivo.

GC-F-004 V.01
 Bootstrap

CONCEPTOS Sitio Oficial de Bootstrap

https://getbootstrap.com/
BÁSICOS DE Con Bootstrap es posible crear sitios web sin
BOOTSTRAP empleo de CSS
Empleando Bootstrap podemos ahorrar
tiempo al momento de programar sitios Web

Ejemplos desarrollados con Bootstrap

GC-F-004 V.01
1 CONCEPTOS DE
BOOTSTRAP

Actualmente Bootstrap se encuentra en la versión 4, por tal motivo

trabajaremos con esta última versión estable

GC-F-004 V.01
INSTALACIÓN

GC-F-004 V.01
 Bootstrap Versión 4
Dirigirnos a la página oficial
https://getbootstrap.com/

Al ingresar encontramos dos botones: Get Started y

Download
¿CÓMO DESCARGAR
E INSTALAR Damos clic en el botón Download

BOOTSTRAP? En la página siguiente debemos seleccionar la opción

Compiled CSS and JS, damos clic en el botón
Download

Las otras opciones las veremos y explicaremos más

adelante

GC-F-004 V.01
2 ¿CÓMO DESCARGAR E
INSTALAR BOOTSTRAP?

GC-F-004 V.01
2 ¿CÓMO DESCARGAR E
INSTALAR BOOTSTRAP?

GC-F-004 V.01
INSTALANDO

GC-F-004 V.01
 Instalando Bootstrap

Luego de haber descargado Bootstrap (archivo ZIP), realizamos los

siguientes pasos:
1. Crear una carpeta con el nombre de bootstrap, en el lugar de
su preferencia
2. En esta carpeta copiamos y pegamos nuestro archivo
INSTALANDO descargado.
3. Se debe descomprimir todo el contenido del archivo
BOOTSTRAP

4. Dentro de esta carpeta tenemos dos carpetas: CSS y js, en la

primera tenemos todos los archivos CSS de Bootstrap y en la
segunda los archivos JavaScript
5. Dejamos solo las dos carpetas correspondientes.
6. Así queda descargado para emplearlo en nuestros documentos

GC-F-004 V.01
GC-F-004 V.01