DIAPOSITIVAS

INFOGRAFIAS

EDWARD GERMAN VIZCARRA























 RONALDO QUENALLATA PILLCO
























IAN ANDRES CASTAÑETA MANCILLA
















 MAYELA BALDERAMA

JOSUE MAMANI CHOQUE














QUISBERT SURCO CRISTHIAN MANUEL

WEBQUEST

BOOTSTRAP 4

¿Qué es Bootstrap?

Bootstrap es un conjunto de herramientas de código abierto para desarrollar con HTML, CSS y JS.
Realice rápidamente un prototipo de sus ideas o construya su aplicación completa con nuestras
variables y mixins de Sass, sistema de cuadrícula sensible, extensos componentes precompilados
y potentes complementos creados en jQuery.
-Bootstrap es un marco front-end gratuito para un desarrollo web más rápido y sencillo

-Bootstrap incluye plantillas de diseño basadas en HTML y CSS para tipografía, formularios,

botones, tablas, navegación, modales, carruseles de imágenes y muchos otros, así como

complementos opcionales de JavaScript.

-Bootstrap también te da la posibilidad de crear fácilmente diseños sensibles.

-Bootstrap 4 es la versión más reciente de Bootstrap; Con nuevos componentes, hojas de estilo
más rápidas y más capacidad de respuesta.

-Bootstrap 4 es compatible con las versiones más recientes y estables de los principales
navegadores y plataformas. Sin embargo, Internet Explorer 9 y abajo no son compatibles.

Cree proyectos adaptables y móviles en la web con la biblioteca de componentes de front-end
más popular del mundo.

¿Por qué usar Bootstrap?

Ventajas de Bootstrap:

-Fácil de usar: cualquier persona con conocimientos básicos de HTML y CSS puede comenzar a
utilizar Bootstrap

-Funciones de respuesta: el CSS sensible de Bootstrap se ajusta a teléfonos, tabletas y computadoras

de escritorio

-Primer enfoque móvil: en Bootstrap, los estilos primero móvil son parte del marco central

Compatibilidad con el navegador: Bootstrap 4 es compatible con todos los navegadores modernos

(Chrome, Firefox, Internet Explorer 10+, Edge, Safari y Opera)

-Hace uso de componentes y servicios que han sido creados por la comunidad web.

Como, por ejemplo: HTML5 shim, Normalize.css, OOCSS, jQuery UI, LESS o GitHub.
El theme que ofrece por defecto está bastante optimizado; además podemos modificarlo
o crear nuestro propio theme sin problema alguno.

Cree proyectos adaptables y móviles en la web con la biblioteca de componentes de 

front-end más popular del mundo.

Bootstrap es un conjunto de herramientas de código abierto para desarrollar con 

HTML, CSS y JS. Realice rápidamente un prototipo de sus ideas o construya su 

aplicación completa con nuestras variables y mixins de Sass, sistema de cuadrícula 

sensible, extensos componentes precompilados y potentes complementos creados en jQuery.

Descarga y configuración

Para la descarga de Bootstrap en general, entramos a la página principal "Bootstrap. com"

 donde aparece los botones "Get Stardet" que indica la secuencia de pasos para la 

instalación y uso de bootstrap y "Download" para la descarga. 

Para seleccionar una versión de bootstrap especificada, vamos a ver y hacer la siguiente

 imagen, por defecto viene en la versión (Lated 4x)

La versión que nos interesa será la "CSS Y JS compilada"  presionamos el botón

 "Download", nos abrirá una ventana en donde nos pide guardar el archivo Bootstrap,

 presionamos "aceptar"

Pasos para la instalación Bootstrap

-En nuestro etro escritorio creamos una carpeta "Mi sitio" (Al gusto)

-Vendrá un archivo con extensión (. zip) de la descarga, descomprimir el archivo

 y colocarlo en "Mi sitio"

-En el archivo descomprimido, estan las carpetas CSS y JS, cortar y pegar en la

 carpeta

"Mi sitio"

Tipografia

Documentación y ejemplos de tipografía de Bootstrap, que incluyen configuraciones

globales, encabezados, texto del cuerpo, listas y más.

La nueva generación de herramientas de gestión de proyectos está aquí y es visual. 

 anuncios a través de carbono

Ajustes globales 

Bootstrap establece la visualización global básica, tipografía y estilos de enlace. 

Cuando se necesita más control, revisa las clases de utilidad textual .

Use una pila de fuentes nativas que seleccione la mejor font-family para cada sistema operativo
y dispositivo.
Para una escala de tipos más inclusiva y accesible, asumimos la raíz predeterminada del
navegador font-size (normalmente 16px) para que los visitantes puedan personalizar los
valores predeterminados de su navegador según sea necesario.
Utilice los $font-family-base, $font-size-basey $line-height-base atributos como nuestra base
tipográfica aplicada al <body>.
Establezca el color del enlace global $link-color y aplique los subrayados del enlace solo
en :hover.
Utilice $body-bg para establecer una background-color en el <body> ( #fff por defecto).

Estos estilos se pueden encontrar dentro _reboot.scss, y las variables globales se definen en
variables.scss. Asegúrese de establecer $font-size-base en rem.

Formularios

Los formularios Bootstrap son componentes basados ​​en entrada que están

 diseñados para recopilar datos de los usuarios. Utilizado como inicio de 

sesión, suscripción o formulario de contacto, todos ellos se pueden personalizar

 fácilmente.

Las formas de Bootstrap en Material Design son simples y agradables a la vista.

 Al crear MDB, fuimos conscientes de su importancia en casi todos los proyectos,

 por lo que hemos hecho un gran esfuerzo para hacerlos bien.

A su disposición están tales construcciones como inicios de sesión de Formularios

 predefinidos, registros de Formularios, suscripciones de Formularios o contactos

 de Formularios y varios otros formularios de diseño. Cada una de las formas 

ofrece un tipo diferente de funcionalidad.

La estructura base de un formulario es la siguiente:

<form>

 <div class="form-group">

    <label for="exampleInputEmail1">Email address</label>

    <input type="email" class="form-control" id="exampleInputEmail1"

          aria-describedby="emailHelp" placeholder="Enter email">

 </div>

</form>