Universidad Privada Domingo Savio

Ingeniera en Sistemas
Modulo: Diseño Web II

Bootstrap
Estudiante: Gamarra Vargas
Mauricio
Hilaquita Yujra Pablo F.
Docente: Ing. Vallejos Maria
Antonieta

FECHA: 11/10/2018
Que es Bootstrap?

Bootstrap es un framework desarrollado y

liberado por Twitter que tiene como
objetivo facilitar el diseño web. Permite
crear de forma sencilla webs de diseño
adaptable, es decir, que se ajusten a
cualquier dispositivo y tamaño de pantalla
y siempre se vean igual de bien. Es Open
Source o código abierto, por lo que lo
podemos usar de forma gratuita y sin
restricciones. Utiliza tecnologias HTML CSS
Javascript

Historia

Bootstrap fue una herramienta originalmente desarrollada por (previamente) ingenieros en

Twitter: Mark Otto y Jacob Thorton como un intento de fomentar la utilización del mismo
framework para minimizar las inconsistencias en el equipo de ingeniería de Twitter. Ni que
decir tiene, que la iniciativa de Bootstrap triunfó en Twitter puesto que el equipo completo
comentó a trabajar más rápido, de forma más eficaz y con menos inconsistencias.
Aunque comenzó como una solución interna en Twitter, Mark y Jacob, pronto se dieron
cuenta de que aquello tendría un gran potencial. En Agosto de 2011, el framework
Bootstrap fue lanzado al público como proyecto Open Source en Github. En los siguientes
meses, miles de desarrolladores de todo el mundo contribuyeron al proyecto y Bootstrap
se convirtió en el proyecto Open Source más activo del mundo. Desde entonces, Bootstrap
solo ha ganado más notoriedad y se ha convertido en “el framework de presentación más
popular para desarrollar proyectos responsive y para móviles en Internet”.
Modo de Uso

El modo de Uso de Bootstrap es relativamente facil, como primer requerimiento es

importar los archivos, librerias de Bootstrap, ya sea de manera local o con un CDN
(Content Delivery Network) e instanciarlos en el documento HTML a maquetar, una vez
realizado esto a partir de ahí los elementos de bootstrap pueden ser utilizados por medio
de clases , atributos en HTML o funciones en Javascript, todos estos declarados en la
documentacion oficial de Bootstrap.

Ventajas
 Puedes tener una web bien organizada de forma visual rápidamente: la curva de
aprendizaje hace que su manejo sea asequible y rápido si ya sabes maquetar.
 Permite utilizar muchos elementos web: desde iconos a
desplegables, combinando HTML5, CSS y Javascript.
 Sea lo que sea que creemos, el diseño será adaptable, no importa el dispositivo, la
escala o resolución.
 El grid system: maquetar por columnas nunca fue tan fácil. Además, son muy
configurables.
 Se integra muy bien con las principales librerías Javascript.
 Cuenta con implementaciones externas para WordPress, Drupal, etc.
 Nos permite usar Less, para enriquecer aún más los estilos de la web.

Desventajas
 Es necesario adaptarse a su forma de trabajo, si bien su curva de aprendizaje es
liviana, deberás comprender y familiarizarte con su estructura y nomenclatura.
 Debes adaptar tu diseño a un grid de 12 columnas, que se modifican según el
dispositivo. Aquí empiezan los problemas, bootstrap por defecto te trae anchos,
márgenes y altos de línea, y realizar cambios específicos es por decir, un poco
tedioso.
 Si necesitas añadir componentes que no existen, debes hacerlos tú mismo en css y
cuidar de que mantenga coherencia con tu diseño y cuidando el responsive.
 No es ligero, y además, para algunas funcionalidades, será necesario tener que usar
javascript y jquery.
  Es complicado, cambiar de versión si has realizado modificaciones profundas sobre
el core.

Bibliografía
xavadmin . (n.d.). ¿Qué es Bootstrap? . Retrieved from que-es-bootstrap-la-historia:
https://www.prestashop.com/es/blog/que-es-bootstrap-la-historia-y-el-bombo-parte-1-de-2

Twitter. (2014, 3 6). Bootstrap. Retrieved 10 11, 2018, from Bootstrap: https://getbootstrap.com/

Fontanela, A. (2016, 7 2015). ¿Que es Bootstrap? . Retrieved 10 11, 2018, from raiolanetworks:
https://raiolanetworks.es/blog/que-es-bootstrap/