DISEÑO DE BOOSTRAP.

¿Que es boostrap?

Definición: 

Bootstrap es un framework CSS desarrollado por Twitter en 2010, para estandarizar las herramientas de la compañía.

Inicialmente, se llamó Twitter Blueprint y, un poco más tarde, en 2011, se transformó en código abierto y su nombre cambió para Bootstrap. Desde entonces fue actualizado varias veces y ya se encuentra en la versión 4.4.

El framework combina CSS y JavaScript para estilizar los elementos de una página HTML. Permite mucho más que, simplemente, cambiar el color de los botones y los enlaces.

Esta es una herramienta que proporciona interactividad en la página, por lo que ofrece una serie de componentes que facilitan la comunicación con el usuario, como menús de navegación, controles de página, barras de progreso y más.

¿ Cuales son los pasos para usar boostrap?

Paso 1: Crear un archivo index.html

Paso 2: Incluir un archivo CSS, JS

Paso 3: Usar los componentes 

¿ Cuales componentes se usaron para la creación de la pagina?

Componentes:

Además, Bootstrap nos da la posibilidad de utilizar diferentes componentes, que no son más que pedazos de código ya programados que podemos insertar en nuestros proyectos. Por ejemplo: menús de navegación, carousels y tablas de precios, entre otros. 

Carousel

Navs

Navbar

Jumbotron

Breadcrumbs

Pagination

Tooltips

Formularios

Cards

¿Cuales son los pasos necesarios para usar boostrap?

Tomar captura de pantalla de la aplicación web creada

realiza una descripción de todo el proceso de creación de la aplicación 


Pregunta de conceptualización

1. ¿Cuáles son los paso necesarios para poder usas los componentes del framework Bootstrap?

agregar el link de JS y CSS

2. ¿Qué se debe realizar para usar los componentes que ofrece bootstrap?

Agregar los archivos de Bootstrap a tu proyecto:

Enlazar los archivos CSS y JavaScript: En tu archivo HTML

3. -De una ejemplo de la construcción de una aplicación web. (imagen)

4. ¿Cómo se centra un componente?

Puedes usar las clases CSS mx-auto y text-center para centrar un componente de Bootstrap. La clase mx-auto se utiliza para centrar horizontalmente un elemento, mientras que text-center se utiliza para centrar el texto dentro de un contenedor. Aquí tienes un ejemplo de cómo aplicar estas clases para centrar un componente:

<div class="container">

  <div class="row">

    <div class="col-md-6 mx-auto text-center">

     <!-- Aquí va tu componente -->

    </div>

  </div>

</div>


5. ¿ Cómo se cambia el tamaño de fuente de un componentes?

Para cambiar el tamaño de fuente de un componente en una página web, puedes utilizar la propiedad CSS "font-size". Esta propiedad te permite ajustar el tamaño de fuente del texto dentro de un elemento HTML específico. Puedes aplicar esta propiedad directamente en el estilo inline del elemento o utilizar una regla CSS en un archivo externo o en la sección de estilo de tu página.

6. ¿ Cómo se modifica el ancho de una pagina web?

Para modificar el ancho de una página web, puedes utilizar CSS para ajustar el tamaño del contenedor principal de la página, generalmente el elemento <body> o <html>. Puedes establecer el ancho utilizando la propiedad CSS "width" con un valor específico.


7. ¿ Cómo se modifica el alto de una pagina web? 

Para modificar el alto de una página web, puedes utilizar CSS para ajustar la altura del contenedor principal de la página, generalmente el elemento <body> o <html>. Puedes establecer la altura utilizando la propiedad CSS "height" con un valor específico.


Comentarios

Entradas populares de este blog

ASIGNACIÓN DE VARIABLES.

TABLA PERIÓDICA.

Solución y comprobación de ecuaciones lienales.