22. Diseño bootstrap

¿Qué es Bootstrap?:
Es un framework que permite a los desarrolladores web construir paginas web responsivas de una forma mas rápida y sencilla.

Barra de navegación , ventana emergente, menú de desplegable, iconos, botones, formularios prediseñados  e incluso opciones de cambio de tamaño para varios...


¿Cuáles son los pasos necesario para utilizar Bootstrap?:

1.Crear un archivo index.hmtl
En la raíz de su proyecto. Incluya la <meta name="viewport"> etiqueta también para un comportamiento receptivo adecuando en los dispositivos móviles 

2.Incluye css y js Bootstrap . Coloque la <link>etiqueta en el <head> para nuestro css  y la <script> etiqueta para nuestro paquete de JavaScript (incluido Popper para colocar menús desplegables, ventanas emergentes  e información sobre herramientas) antes del cierre </body>.obtenga mas información sobre nuestros enlaces de CDN

También puedes incluir Popper  y nuestro js por separado. Si no planea usar menús desplegables, ventanas emergentes o información sobre herramientas, ahorre algunos kilobytes al no incluir Popper.


¿Cuáles componentes se usaron en la creación de la tienda?:Se puede decir que los componentes que utiliza para hacer la pagina  fueron como carrusel, barra de navegación, 

*Tomar capturas  de pantalla de la aplicación web creada

*Realice una descripción de todo el proceso de creación de l aplicación


Captura:





Descripción: se realizo una pagina web  que tenia que ponerle imágenes entre otras cosas utilizando unos códigos. 




Preguntas de  conceptualización:

1.¿Cuáles son los pasos son necesarios para poder usar los componentes del framework Bootstrap?:

R=copiar los enlaces, añadir los archivos css y js, enlazar los archivos css y js, configure el HTML, uso de los componentes, personalizar y adaptar etc...
 

2.¿Que se debe realizar para usar los componentes que ofrece Bootstrap?:
R= Se puede decir que los componentes que ofrece Bootstrap por ejemplo incluir archivos  de Bootstrap, agregar referencias  en el HTML, usando los componentes, personalizarla y adaptada. 

3.De un ejemplo de la construcción de una aplicación web (Imagen):

R=


4.¿Como se centra un componente?:
R= Centrar un elementos  en horizontal, centrar un elementos en vertical y horizontal

5.¿Como se cambia el tamaño de fuente de un componente?:
R= primero vamos a clases  de tamaño de fuente predefinidas, segundo las clases  de fuente, tercera las clases de tamaño de fuente responsiva, etc...  

6.¿Como se modifica el ancho de una pagina web ?:
R=  primeras las clases de ancho predefinidas     Contaibner: esta clase crea un contador con un ancho fijo y centrado 
, segunda las clases de acho personalizadas, Bootstrap w-25, w-50, w- 75, etc... que te permitan  

7.¿Como se modifica el alto de una pagina web?:
R= primero establecer un altura especifica en css: puedes utilizar css para establecer una altura especifica en pixeles, uso de unidades de altura relativas,  usando contenedores flexibles.

 



Comentarios