Módulo Training Code

https://getbootstrap.esdocu.com/docs/5.3/getting-started/download/

Bootstrap

EMPEZAR >

>

>

Crea dentro de la carpeta de tu proyecto, una carpeta JS y dentro de la misma, copia el archivo bootstrap.js del comprimido que descargamos en el paso anterior

3

Crea dentro de la carpeta de tu proyecto, una carpeta CSS y dentro de la misma, copiar el archivo bootstrap.css del comprimido que descargamos en el paso anterior

2

Crea una carpeta con el nombre del proyecto (Nombre de tu cliente)

1

Estructura

Crea dentro de la carpeta de tu proyecto, un archivo index.html

4

>

>

INDEX.HTML

TEMPLATES

Esta seccion te ayudarán a poner orden a tu idea de como armar la estructura del sitio

siguiente >

Los contenedores se utilizan para contener, rellenar y (a veces) centrar el contenido dentro de ellos. Si bien los contenedores pueden anidarse, la mayoría de los diseños no requieren un contenedor anidado.

<div class="container">

>

>

Los contenedores responsive te permiten especificar una clase que tiene un 100% de ancho hasta que se alcanza el breakpoint.**Los breakpoints se usan para controlar cuándo se puede adaptar tu diseño a un viewport particular o tamaño de dispositivo.

Contenedores responsive

>

>

Es una parte de la estructuración web moderna presentada con HTML5. Esta etiqueta está diseñada para contener elementos de cabecera o introducción de una página web.

etiqueta <header>

<header> <footer>

Es un elemento estructural que se utiliza para identificar el pie de página. Normalmente contiene información de copyright y autoría o elementos de navegación relacionados con el contenido del elemento principal.

etiqueta <footer>

HTML <main> Tag

>

>

Especifique el contenido principal del documento

El contenido dentro del elemento <main> debe ser exclusivo del documento. No debe contener ningún contenido que se repita en los documentos, como barras laterales, enlaces de navegación, información de derechos de autor, logotipos del sitio y formularios de búsqueda.

No debe haber más de un elemento <main> en un documento. El elemento <main> NO debe ser descendiente de un elemento <article>, <aside>, <footer>, <header> o <nav>.

>

>

Estructura básica

>

>

Estructura básica

/

A TRABAJAR